Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.05.2007 um 19:03 (UTC)    
Titel: hintergrund wie im design red

1. Mit welchem Code geht das makierte wegg auf dem screenhot?

Bild:

[img]http://hostfree.extra.hu/upload/1179341658.bmp
[/img]


hier noch mal die URL: http://hostfree.extra.hu/upload/1179341658.bmp


2. Dér HIntergrund der Der Navi und der rechte boxen soll so sein wie im design red hinter dem textfeld sollte so was graues sein wie beim design red also am besten genau so von den hintergründen

3.
Code:
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

.menuscript
{
position: relative;
z-index: 3;
top: 10px;
}

.menuscript li
{
width: 100px;
float: left;
}

.menuscript a
{
border: 1px solid #888;
background-color: #09c;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}

.menuscript a:hover
{
background-color: #1D4B62;
color: #fff;
}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 12px;
display: none;
width: 100px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
color: #fff;
font-size:12px;
}


//-->
</style>


<div align="center">
<table border="0" width="100%" id="table2">
<tr>
<td height="190" valign="top">
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>

</head>
<body bgcolor="#1D4B62">
<div class="menuscript" align="center">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
Header</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://link.htm">Iceblue</a></li>
<li><a href="http://link.htm">Butterfly</a></li>
<li><a href="http://link.htm">Red</a></li>
<li><a href="http://link.htm">Colourful</a></li>
<li><a href="http://link.htm">Love</a></li>
<li><a href="http://link.htm">Girls-Woman</a></li>
<li><a href="http://link.htm">Cats-Katzen</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Balken</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://link.htm">Butterfly</a></li>
<li><a href="http://link.htm">Colourful</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
Button</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://link.htm">Iceblue</a></li>
<li><a href="http://link.htm">Butterfly</a></li>
<li><a href="http://link.htm">Red</a></li>
<li><a href="http://link.htm">Colourful</a></li>
<li><a href="http://link.htm">Love</a></li>
<li><a href="http://link.htm">Girls-Woman</a></li>
<li><a href="http://link.htm">Cats-Katzen</a></li>
</ul>
</li>


</ul>
</div>

</td>
</tr>

</table>
</div>
habe deine code mal genommen und das bei text über dem design eingefügt es war leider aber in einer rechten box drinn un untereinander hätte aúßerdem gerne diese button http://img.webme.com/pic/c/coolplace/button0125.gif

da sollte ein button sein mit Promotion und wenn man das anklickt komt da so unterseiten raus wo steht Partner und Banner http://www.feuerwehr-aktuell.de.tl/Partner-und-Banner.htm und Links http://www.feuerwehr-aktuell.de.tl/Links.htm und dan daneben wieder ein button mit der überschrift Homepage dan sollte da unterseiten rauskommen Gästebuch http://www.feuerwehr-aktuell.de.tl/G.ae.stebuch.htm und Kontakt http://www.feuerwehr-aktuell.de.tl/Kontakt.htm und Forum http://www.feuerwehr-aktuell.de.tl/Forum/index.htm und Umfrage http://www.feuerwehr-aktuell.de.tl/Umfrage.htm

ich weiß das mit teilen der navi oben ist viel arbeit den ciode umzuschreiben könnt iht mir das wenigstes erklären
______________
[img:6549282cdc]http://img.webme.com/pic/f/feuerwehr-aktuell/feuerwehr2.png[/img:6549282cdc]
Stellt eure Fragen: http://www.feuerwehr-aktuell.de.tl/Frage_Box.htm


Zuletzt bearbeitet von feuerwehr-aktuell am 16.05.2007, 20:49, insgesamt 3-mal bearbeitet
Beitrag16.05.2007 um 19:32 (UTC)    
Titel:

Beitrag16.05.2007 um 19:46 (UTC)    
Titel:

Das geht mit:

Zitat:
edit_rechts_sbg
Beitrag16.05.2007 um 19:50 (UTC)    
Titel:

Beitrag16.05.2007 um 19:52 (UTC)    
Titel:

Zitat:
td.edit_rechts_sbg{visibility:hidden;}


Das setzt Du vor
Zitat:
-->
</style>

ein


Zuletzt bearbeitet von coolplace am 17.05.2007, 07:22, insgesamt einmal bearbeitet
Beitrag16.05.2007 um 19:58 (UTC)    
Titel:

schau mal wo das jetzt ist kaNST du den code so umändern das die button selbe größe haben aber in rot sind ? kan die fragen 1 und 2 auch einer bearbeiten
______________
[img:6549282cdc]http://img.webme.com/pic/f/feuerwehr-aktuell/feuerwehr2.png[/img:6549282cdc]
Stellt eure Fragen: http://www.feuerwehr-aktuell.de.tl/Frage_Box.htm


Zuletzt bearbeitet von feuerwehr-aktuell am 16.05.2007, 21:00, insgesamt einmal bearbeitet
Beitrag16.05.2007 um 20:41 (UTC)    
Titel:

Beitrag17.05.2007 um 06:22 (UTC)    
Titel:

Diese Zeilen:

Zitat:
<li><a href="http://link.htm">Iceblue</a></li>


Musst Du anpassen:

Zitat:
<li><a href="http://Dein link.htm"> Dein Text </a></li>


Und das hier zum Thema Hintergrund der Navi und den rechten Boxen:

Zitat:
<style type="text/css">
<!--
td.edit_navi_headbg,td.edit_rechts_bottom{background-image: url();background-color: #dddddd;}
-->
</style>


Und den Code für den rechten Streifen auch noch mal:

Zitat:
<style type="text/css">
<!--
td.edit_rechts_sbg{visibility:hidden;}
-->
</style>
Beitrag17.05.2007 um 07:44 (UTC)    
Titel:

1. klappt perfekt danke.
2:da ist nur ab-undzu so ein weißer hintergrund möchte es aber gerne wie im design red haben navi und boxen hintergrund selbes rot unter dem textfeld dieses grau
______________
[img:6549282cdc]http://img.webme.com/pic/f/feuerwehr-aktuell/feuerwehr2.png[/img:6549282cdc]
Stellt eure Fragen: http://www.feuerwehr-aktuell.de.tl/Frage_Box.htm
Beitrag17.05.2007 um 07:48 (UTC)    
Titel:

Die Hintergrundfarbe im Design Red ist #460000
Versuch es damit mal Wink
Beitrag17.05.2007 um 07:59 (UTC)    
Titel:

2, selbes script nur mit andere zahl?
3. klappt schon gut schu mal
Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

.menuscript
{
position: relative;
z-index: 3;
top: 10px;
}

.menuscript li
{
width: 100px;
float: left;
}

.menuscript a
{
border: 1px solid #888;
background-color: #09c;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}

.menuscript a:hover
{
background-color: #1D4B62;
color: #fff;
}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 12px;
display: none;
width: 100px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
color: #fff;
font-size:12px;
}


//-->
</style>


<div align="center">
<table border="0" width="100%" id="table2">
<tr>
<td height="190" valign="top">
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>

</head>
<body bgcolor="#1D4B62">
<div class="menuscript" align="center">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
Promotion</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.feuerwehr-aktuell.de.tl/Partner-und-Banner.htm">Partner/Banner</a></li>
<li><a href="http://www.feuerwehr-aktuell.de.tl/Home.htm">Links</a></li>
</ul>
</li>


<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Homepage</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.feuerwehr-aktuell.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://www.feuerwehr-aktuell.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://www.feuerwehr-aktuell.de.tl/Umfrage.htm">Umfrage</a></li>
<li><a href="http://www.feuerwehr-aktuell.de.tl/Furum.htm">Forum</a></li>
</ul>
</li>


</ul>
</div>

</td>
</tr>

</table>
</div>
wie kriege ich die buttons jetzzt noch in rot ?? und richtig posiioniert
______________
[img:6549282cdc]http://img.webme.com/pic/f/feuerwehr-aktuell/feuerwehr2.png[/img:6549282cdc]
Stellt eure Fragen: http://www.feuerwehr-aktuell.de.tl/Frage_Box.htm


Zuletzt bearbeitet von feuerwehr-aktuell am 17.05.2007, 09:07, insgesamt einmal bearbeitet
Beitrag17.05.2007 um 08:07 (UTC)    
Titel:

Ich habe Dir mal einige Stellen rot markiert, die Du farblich ändern kannst Wink
Beitrag17.05.2007 um 09:23 (UTC)    
Titel:

3.so auch fertig jetzt die positionirung kan man die button auch noch größer machen

EDIT: 2

sieht gut unter der navi ist aber nicht alles rot geworden kan man das nmoch ändern
Code:
<style type="text/css">
<!--
td.edit_navi_headbg,td.edit_rechts_bottom{background-image: url();background-color: #460000

;}
-->
</style>
und dan noch de n code das der background unter den textfeldern so grau ist wie im design red
______________
[img:6549282cdc]http://img.webme.com/pic/f/feuerwehr-aktuell/feuerwehr2.png[/img:6549282cdc]
Stellt eure Fragen: http://www.feuerwehr-aktuell.de.tl/Frage_Box.htm


Zuletzt bearbeitet von feuerwehr-aktuell am 17.05.2007, 13:07, insgesamt 3-mal bearbeitet
Beitrag17.05.2007 um 12:04 (UTC)    
Titel:

Beitrag17.05.2007 um 13:43 (UTC)    
Titel:

Zitat:
td.edit_below_nav img{visibility:hidden;}


Wink
Beiträge der letzten Zeit anzeigen:   


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