Suche im Forum:
Suchen


Autor Nachricht
Beitrag18.08.2008 um 14:43 (UTC)    
Titel: (Erledigt) css design navi

Hallo,

coden fällt mir eigentlich ziemlich leicht doch verzweifel ich heute irgendwie.
Benötige mal eure hilfe.

http://c.imagehost.org/view/0430/britzmikydesign_4.png

dieses png ist die grundlage des design.

meine schwierigkeit besteht an der linken navi. wie kann ich das am besten lösen? mit nem coolmenü und transparente buttons? würde ja gehen aber dann müsste das coolmenü senkrecht ausgerichtet werden und über die navi gelegt werden.

LG
______________


Zuletzt bearbeitet von zitapage am 18.08.2008, 23:09, insgesamt 2-mal bearbeitet
Beitrag18.08.2008 um 15:22 (UTC)    
Titel:

Hallo Zita
Die Buttons als Bilder machen, dein PNG-Bild ohne Buttos erstellen und dann je Seite einfügen.
Beitrag18.08.2008 um 15:30 (UTC)    
Titel:

ja wollt ich auch so machen, aber als ich den code für die navi eingefügt habe mit test buttons wurde sie nicht angezeigt. schau mal:

<!--
/*<![CDATA[*/

div#nav_container {
display : none;
}
div.header {
display : none;
}
h1#title {
display : none;
}
h2#title span {
display : none;
}
li.nav_element {
display : none;
}
li.nav_element a {
display : none;
}
body {
overflow-x: hidden;
background-color : #141010;
font-family : Arial, Arial;
font-size : 11px;
color : #000000;
}
div {
font-family : Arial, Arial;
font-size : 11px;
color : #FFFFFF;
}
a:link {
color : #FFFFFF;
font-size : 11px;
border : 0;
text-decoration : none;
}
a:active {
color : #FFFFFF;
font-size : 11px;
border : 0;
text-decoration : none;
}
a:visited {
color : #FFFFFF;
font-size : 11px;
border : 0;
text-decoration : none;
}
#Design {
position : absolute;
left : 50%;
top : 50px;
margin-left : -445px;
width : 915px;
height : 984px;
background-image : url(http://c.imagehost.org/0430/britzmikydesign_4.png);
}

#sidebar_container {
position : absolute;
left : 50%;
top : 540px;
margin-left : -430px;
width : 180px;
height : 450px;
border : 0 solid #ffffff;
color : #FFFFFF;
overflow : hidden;
}
#content {
position : absolute;
left : 50%;
top : 280px;
margin-left : -230px;
width : 500px;
height : 735px;
color : #FFFFFF;
border : 1;
overflow : hidden;
text-align : left;
}

#News {
position : absolute;
left : 50%;
top : 160px;
margin-left : -400px;
width : 820px;
height : 40px;
border : 0 solid #000000;
color : #000000;
overflow : hidden;
}
#werbung {
position : absolute;
left : 50%;
top : 540px;
margin-left : 280px;
width : 180px;
height : 450px;
border : 0 solid #ffffff;
color : #FFFFFF;
overflow : hidden;
}

#Linksnavi{
position: absolute;
left: 50%;
top: 50px;
margin-left:-370px;
border: 0px solid #FFFFFF;}
overflow-x: hidden;

a{
color:#ffffff;
text-decoration: none;
font-size:17px;}

a:hover {
color: #4A9AF6;
font-size: 17px;
text-decoration: none;}

a:link {
color: #000000;
font-size: 17px;
text-decoration: none;}

a:active {
color: #000000;
font-size: 17px;
text-decoration: none;}

a:visited {
color: #0A0A0A;
font-size: 17px;
text-decoration: none;}
/*]]>*/ //-->
______________
Beitrag18.08.2008 um 15:33 (UTC)    
Titel:

Hallo,
du könntest auch die einzelnen Buttons verlinken, wie ich das hier gemacht habe: www.help4youonline.de.tl
Wäre aber ziemlich aufwendig das alles zu machen, dauert eine halbe Ewigkeit.

Du müsstest folgendes in "Text über dem Design" einfügen:

Zitat:
<div id="Home"><span><a href="/Home.htm"><img "border=0" src="Hier kommt ein transparentes Bild hinein (Größe ist egal!)" height="HÖHE" width="BREITE" ></a></span></div>


Und folgenden Code fügst du bei CSS Codes ohne Style Tag ein:

Zitat:
#Home {
position: absolute;
left: 50%;
top: POSITIONpx;
margin-left: POSITIONpx;
width: BREITEpx;
height: HÖHEpx;
background-color: #XXXXXX;
background-image:url;
border:0px solid #FFFFFF;
color:#FFFFFF;
overflow:none;}


Das rot markierte muss angepasst werden!
Für jede Seite musst du einen neuen div-container erstellen.

MfG,
Daniel ( www.homepage24online.de.tl )
______________



Zuletzt bearbeitet von homepage24online am 18.08.2008, 16:36, insgesamt 2-mal bearbeitet
Beitrag18.08.2008 um 15:37 (UTC)    
Titel:

am einfachsten ist es ja ein senkrechtes coolmenü ....

gibt es so eins?

@homepage24 danke dir, werd es mal versuchen klingt ja einfach aber um manchmal auf einer lösung zukommen braucht es mal ne zeit Smile bin kein blitzmerker heute hehe
______________
Beitrag18.08.2008 um 15:41 (UTC)    
Titel:

zitapage hat Folgendes geschrieben:
am einfachsten ist es ja ein senkrechtes coolmenü ....

gibt es so eins?

@homepage24 danke dir, werd es mal versuchen klingt ja einfach aber um manchmal auf einer lösung zukommen braucht es mal ne zeit Smile bin kein blitzmerker heute hehe

Also die Breite und Höhe wäre bei deinen Buttons immer gleich, da sie links alle gleich groß sind. Margin-Left wird auch immer gleich bleiben. Du müsstest halt immer nur "top" verändern und div-container hinzufügen. Bei 15 Seiten kann das etwas dauern, ist aber dafür eine sehr gute Lösung finde ich.
Oder du baust ein Coolmenü ein, das geht auch, stimmt.

Edit://
Hehe heute ist dein Glückstag^^ Very Happy
http://javarea.de/download/jsextra/index_ex3.html
http://javarea.de/index.php3?opencat=Javascript&subcat=Navigation&id=132#

MfG,
Daniel
______________



Zuletzt bearbeitet von homepage24online am 18.08.2008, 16:43, insgesamt 2-mal bearbeitet
Beitrag18.08.2008 um 16:13 (UTC)    
Titel:

ja die seite kenne ich Smile

habs mir runtergeladen wirklich hilfreich ist die anleitung aber nicht.
______________
Beitrag18.08.2008 um 18:38 (UTC)    
Titel:

Beitrag18.08.2008 um 20:14 (UTC)    
Titel:

ja das ist perfekt nur wird das nicht angezeigt ?

kann es sein das es hinter mein png ist?
______________
Beitrag18.08.2008 um 21:01 (UTC)    
Titel:

Hey habs geschafft,

habe mir ein transparenten button gemacht den mit den seiten verlinkt eine unsichtbare tabelle gemacht die positioniert und siehe da es geht einfach aber darauf muss man erstmal kommen Smile


Danke euch aber

edit hier der fortschritt des designs: www.user-blacklist.de.tl könnt ihr es euch ja mal angucken wegen dem menü
______________


Zuletzt bearbeitet von zitapage am 18.08.2008, 22:02, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de