Autor |
Nachricht |
-
gt-base
|
07.08.2007 um 22:47 (UTC) Titel: |
|
|
kannst du auch den code wen ich mit der maus über den button geh das ich mit einer zweiten url einen andern anzeigen lassen kann wen ich mit der mous drauf bin
weil ich muss etz ja noch buttons machen ind dem style wie der button css treff forum button dan ganz oben ist |
|
↑
|
|
|
-
zwoelfs-hpdesigns
|
07.08.2007 um 22:49 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
gt-base
|
07.08.2007 um 22:51 (UTC) Titel: |
|
|
ne nich aufklapt ich füge etz dan heute aben die url ein wie der button aussehen soll und wen ma mit der mouse drauf geht soll es einen anderen button anzeigen mit einer andern url |
|
↑
|
|
|
-
gt-base
|
07.08.2007 um 22:54 (UTC) Titel: |
|
|
oder anders gesagt wen der button z.b. etz schwarz is und ich mit der maus darufzeige aber noch nicht klicke das er ne andere farbe hat nur ich brauch des hald mit urls |
|
↑
|
|
|
-
zwoelfs-hpdesigns
|
07.08.2007 um 22:54 (UTC) Titel: |
|
|
ah den hover Effekt
Zitat: <style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 18px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 230px;
left:190px;
}
.menu li
{
width: 140px;
float: left;
}
.menu a
{
border: 1px solid #888;
background-color: #000000;
background-image: url(URL DES NORMALEN BUTTON);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #99ff00;
}
.menu a:hover
{
background-color: #000099;
background-image: url(URL DES HOVER BUTTON);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6
{
font-size: 16px;
display: none;
width: 140px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
//-->
</style>
<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>
<div class="menu">
<ul>
<li><a href="http://www.gt-base.de.tl/home.htm">
Home</a>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
MENÜ 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
MENÜ 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
MENÜ 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
MENÜ 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
MENÜ 6</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="URL">SUB MENÜ 1</a></li>
<li><a href="URL">SUB MENÜ 2</a></li>
<li><a href="URL">SUB MENÜ 3</a></li>
<li><a href="URL">SUB MENÜ 4</a></li>
<li><a href="URL">SUB MENÜ 5</a></li>
<li><a href="URL">SUB MENÜ 6</a></li>
</ul>
</li>
</ul>
</div>
Zuletzt bearbeitet von zwoelfs-hpdesigns am 07.08.2007, 23:55, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
gt-base
|
07.08.2007 um 22:59 (UTC) Titel: |
|
|
ja scho klar aber des funzt ja ned ich kann oben mein url eingeben und unten des geht ned |
|
↑
|
|
|
-
zwoelfs-hpdesigns
|
07.08.2007 um 23:01 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
gt-base
|
07.08.2007 um 23:10 (UTC) Titel: |
|
|
wollt mich nur noch für die hilfe bedanken |
|
↑
|
|
|
-
zwoelfs-hpdesigns
|
07.08.2007 um 23:14 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
gt-base
|
07.08.2007 um 23:15 (UTC) Titel: |
|
|
oke hab doch noch ein zwei problemme noch jemand da eines währe www.css-treff.de.tl da is rechts son doofer streifen den bekomm ich ned weg
Zuletzt bearbeitet von gt-base am 08.08.2007, 00:16, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
zwoelfs-hpdesigns
|
07.08.2007 um 23:19 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
gt-base
|
07.08.2007 um 23:21 (UTC) Titel: |
|
|
aso dan hab ich den hinbekommen und nicht vergessen wegzumachen
oleg des is die css wo ich geschrieben hab
Code: <!--
body{background-image: url();background-color: #ffffff;color: #000000 !important;}
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline {visibility:hidden;}
td.edit_below_nav{display:none;}
td.edit_navi_headbg{background-image:url(URL);}
td.headline2 {display:none;}
td.sidebar_heading {background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image:url();background-color:transparent;border:0px dotted black;}
td.shouty2{;}
td.shouty3{;}
td.shouty4{;}
td.shouty5{;}
td.edit_content_top {visibility:hidden;}
td.edit_content {background-image:url(URL);}
td.edit_content_bottom {visibility:hidden;}
td.edit_content_bottom2 {visibility:hidden;}
td.nav {display:none;}
td.nav_heading {visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom {background-image: url(URL);)
td.edit_rechts_sbg{visibility:hidden;}
-->
</style> |
|
↑
|
|
|
-
zwoelfs-hpdesigns
|
07.08.2007 um 23:24 (UTC) Titel: |
|
|
Mach es mal so
Code: <style type="text/css">
<!--
body{background-image: url();background-color: #ffffff;color: #000000 !important;}
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline {visibility:hidden;}
td.edit_below_nav{display:none;}
td.edit_navi_headbg{background-image:url(URL);}
td.headline2 {display:none;}
td.sidebar_heading {background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image:url();background-color:transparent;border:0px dotted black;}
td.shouty2{;}
td.shouty3{;}
td.shouty4{;}
td.shouty5{;}
td.edit_content_top {visibility:hidden;}
td.edit_content {background-image:url(URL);}
td.edit_content_bottom {visibility:hidden;}
td.edit_content_bottom2 {visibility:hidden;}
td.nav {display:none;}
td.nav_heading {visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom {background-image: url(URL);)
td.edit_rechts_sbg{visibility:hidden; width: 0px ;}
-->
</style> |
|
↑
|
|
|
-
gt-base
|
07.08.2007 um 23:27 (UTC) Titel: |
|
|
ne du is immer noch da aber so viel ich weiß is doch der strich da Code: td.edit_rechts_sbg{visibility:hidden;}
des steht ja drin ich weiß ner ned warums ned weg geht[/code] |
|
↑
|
|
|
-
gt-base
|
07.08.2007 um 23:28 (UTC) Titel: |
|
|
ich weiß auch nich was ich falsch gemacht habe weil des von gt-base.de.tl da hab ich auch hinbekommen ohne problemme |
|
↑
|
|
|
|