Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag10.07.2007 um 08:55 (UTC)    
Titel: transparente linke box

wer kann mir einen code für eine linke box geben wo der hintergrund transpagent ist?

danke
Beitrag10.07.2007 um 08:57 (UTC)    
Titel:

Hi das geht so

Code:
<style type="text/css"><!--
td.shouty{background-image:url();}
td.shouty2{background-image:url();}
td.shouty3{background-image:url();}
td.shouty4{background-image:url();}
td.shouty5{background-image:url();}
--></style>
Beitrag10.07.2007 um 09:01 (UTC)    
Titel:

danke, aber wie muss ich das nun in den code der box einbauen? kannst du es mir villeicht machen??

gruß tobias

-------------------------------------------------------
<!-- Hier der Code zum Positionieren -->

<style type="text/css">
<!--
table.rb_neu{position:absolute;left:200px;top:200px;}
-->
</style>

<!-- Hier beginnt jetzt die eigentliche rechte Box -->

<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif">&nbsp;</td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">Hier kommt jetzt Euer Text rein<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
&nbsp;</td>
</tr>
</table>
-------------------------------------------------------[/code]
Beitrag10.07.2007 um 09:03 (UTC)    
Titel:

Also den code musst du bei Text über dem Design eingeben zu deinem Designcode

Code:
<style type="text/css"><!--
td.shouty{background-image:url();}
td.shouty2{background-image:url();}
td.shouty3{background-image:url();}
td.shouty4{background-image:url();}
td.shouty5{background-image:url();}
--></style>
Beitrag10.07.2007 um 09:08 (UTC)    
Titel:

das funktioniert bei mir nicht kannst du es mit villeicht mal in meinen code einbauen?

hier mein gesammter code:

<!--
/*Design erstellt von Tobias*/
td{color:#000000;}
a{color:#000000;font-size:15px;}
a:visited{font-size:15px;}
a:hover{font-size:15px;}
body{background-attachment:fixed;background-image:url(http://img.webme.com/pic/f/fun-fire/h6.gif);}
td.nav{background-image:url();}
td.nav:hover{background-image:url();color: #000000}
td.nav_heading{background-image:url();height:30px;color: #000000}
td.nav a{color:#000000;}
td.edit_below_nav{visibility:hidden;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/t/test-hpbk/header-tobi.jpg);height:168px}
td.headline2{font-size:14px;color: #000000}
td.headline{background-image:url();visbilty: hidden}
td.edit_content{background-image:url();}
div{color:#000000;width:100%;}
td.edit_content_top{background-image:url();}
td.edit_content_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url();}
td.edit_rechts_sbg{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rb_footer{background-image:url();}
td.shouty{background-image:url();background-color:transparent;}
td.shouty2{background-image:url();background-color:transparent;}
td.shouty3{background-image:url();background-color:transparent;}
td.shouty4{background-image:url();background-color:transparent;}
td.shouty5{background-image:url();background-color:transparent;}
td.edit_rechts_bottom{background-image:url();}
td.sidebar_heading{background-image:url();color: #000000}
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%;}
--></style>

...
"Navi entfernen"
<style type="text/css">
<!--
td.nav{visibility:hidden;}
-->
</style>

...
"Hintergrund"
<style type="text/css">
td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}
td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg{background-image: url(URL);visibility: hidden;position: absolute;}
td.edit_rb_footer{visibility: hidden;}
body{background-image: url(http://easyhost.extra.hu/upload/1183994983.jpg);background-color: #000000;}
</style>

...
"Header einfügen"
<style type="text/css">
<!--
td.edit_header_full{background-image: url(http://easyhost.extra.hu/upload/1183995328.jpg); width: 1000px; height: 50px;}
-->
</style>

...
"1. box"
<!-- Hier der Code zum Positionieren -->

<style type="text/css">
<!--
table.rb_neu{position:absolute;left:5px;top:57px;}
-->
</style>

<!-- Hier beginnt jetzt die eigentliche rechte Box -->

<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif"> </td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty"><!-- Beginn / Start des Uhren-html-Code -->

<!-- ( Dieser html-Code sollte nicht verändert werden! ) -->

<div align="center"><center><table border="0" cellpadding="0" cellspacing="0" style="height: 33; width: 80;"><tr><td width="80">
<iframe src="http://www.meridianerland.com/uhren/time-015.htm" height="27" width="80" scrolling="no" frameborder="0" align="aus" marginheight="0px" marginwidth="0px"></iframe>
</td></tr><tr><td style="height: 6; width: 80;">
<a href="http://www.meridianerland.com" target="_blank"><img src=http://www.meridianerland.com/uhren/bilder/unterbau-p5.gif alt="Meridianerland - Wissenschaft und Menschheit" style="filter:alpha(style=50,opacity=0); border: medium none" width="80" height="6"></a></td></tr></table></div></center>

<!-- Ende des Uhren-html-Code -->


<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>

...
Beitrag10.07.2007 um 09:13 (UTC)    
Titel:

Ok das müsste dann so aussehen

Code:
<style type="text/css">
<!--
/*Design erstellt von Tobias*/
td{color:#000000;}
a{color:#000000;font-size:15px;}
a:visited{font-size:15px;}
a:hover{font-size:15px;}
body{background-attachment:fixed;background-image:url(http://img.webme.com/pic/f/fun-fire/h6.gif);}
td.nav{background-image:url();}
td.nav:hover{background-image:url();color: #000000}
td.nav_heading{background-image:url();height:30px;color: #000000}
td.nav a{color:#000000;}
td.edit_below_nav{visibility:hidden;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/t/test-hpbk/header-tobi.jpg);height:168px}
td.headline2{font-size:14px;color: #000000}
td.headline{background-image:url();visbilty: hidden}
td.edit_content{background-image:url();}
div{color:#000000;width:100%;}
td.edit_content_top{background-image:url();}
td.edit_content_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url();}
td.edit_rechts_sbg{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rb_footer{background-image:url();}
td.shouty{background-image:url();}
td.shouty2{background-image:url();}
td.shouty3{background-image:url();}
td.shouty4{background-image:url();}
td.shouty5{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.sidebar_heading{background-image:url();color: #000000}
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%;}
--></style>

...
"Navi entfernen"
<style type="text/css">
<!--
td.nav{visibility:hidden;}
-->
</style>

...
"Hintergrund"
<style type="text/css">
td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}
td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg{background-image: url(URL);visibility: hidden;position: absolute;}
td.edit_rb_footer{visibility: hidden;}
body{background-image: url(http://easyhost.extra.hu/upload/1183994983.jpg);background-color: #000000;}
</style>

...
"Header einfügen"
<style type="text/css">
<!--
td.edit_header_full{background-image: url(http://easyhost.extra.hu/upload/1183995328.jpg); width: 1000px; height: 50px;}
-->
</style>

...
"1. box"
<!-- Hier der Code zum Positionieren -->

<style type="text/css">
<!--
table.rb_neu{position:absolute;left:5px;top:57px;}
-->
</style>

<!-- Hier beginnt jetzt die eigentliche rechte Box -->

<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif"> </td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty"><!-- Beginn / Start des Uhren-html-Code -->

<!-- ( Dieser html-Code sollte nicht verändert werden! ) -->

<div align="center"><center><table border="0" cellpadding="0" cellspacing="0" style="height: 33; width: 80;"><tr><td width="80">
<iframe src="http://www.meridianerland.com/uhren/time-015.htm" height="27" width="80" scrolling="no" frameborder="0" align="aus" marginheight="0px" marginwidth="0px"></iframe>
</td></tr><tr><td style="height: 6; width: 80;">
<a href="http://www.meridianerland.com" target="_blank"><img src=http://www.meridianerland.com/uhren/bilder/unterbau-p5.gif alt="Meridianerland - Wissenschaft und Menschheit" style="filter:alpha(style=50,opacity=0); border: medium none" width="80" height="6"></a></td></tr></table></div></center>

<!-- Ende des Uhren-html-Code -->


<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>
Beitrag10.07.2007 um 09:20 (UTC)    
Titel:

das funktioniert nicht kannst du mir villeicht das über icq erklären? meine nummer:
492577795
Beitrag10.07.2007 um 09:21 (UTC)    
Titel:

Beitrag10.07.2007 um 09:44 (UTC)    
Titel:

Ok nach ein paar tests habe ich den Passenden code für dich gefunden

Code:
<style type="text/css">
<!--
/*Design erstellt von Tobias*/
td{color:#000000;}
a{color:#000000;font-size:15px;}
a:visited{font-size:15px;}
a:hover{font-size:15px;}
body{background-attachment:fixed;background-image:url(http://img.webme.com/pic/f/fun-fire/h6.gif);}
td.nav{background-image:url();}
td.nav:hover{background-image:url();color: #000000}
td.nav_heading{background-image:url();height:30px;color: #000000}
td.nav a{color:#000000;}
td.edit_below_nav{visibility:hidden;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/t/test-hpbk/header-tobi.jpg);height:168px}
td.headline2{font-size:14px;color: #000000}
td.headline{background-image:url();visbilty: hidden}
td.edit_content{background-image:url();}
div{color:#000000;width:100%;}
td.edit_content_top{background-image:url();}
td.edit_content_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url();}
td.edit_rechts_sbg{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rb_footer{background-image:url();}
td.shouty{background-color: transparent;background-image:url();}
td.shouty2{background-color: transparent;background-image:url();}
td.shouty3{background-color: transparent;background-image:url();}
td.shouty4{background-color: transparent;background-image:url();}
td.shouty5{background-color: transparent;background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.sidebar_heading{background-image:url();color: #000000}
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%;}
--></style>

...
"Navi entfernen"
<style type="text/css">
<!--
td.nav{visibility:hidden;}
-->
</style>

...
"Hintergrund"
<style type="text/css">
td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}
td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg{background-image: url(URL);visibility: hidden;position: absolute;}
td.edit_rb_footer{visibility: hidden;}
body{background-image: url(http://easyhost.extra.hu/upload/1183994983.jpg);background-color: #000000;}
</style>

...
"Header einfügen"
<style type="text/css">
<!--
td.edit_header_full{background-image: url(http://easyhost.extra.hu/upload/1183995328.jpg); width: 1000px; height: 50px;}
-->
</style>

...
"1. box"
<!-- Hier der Code zum Positionieren -->

<style type="text/css">
<!--
table.rb_shouty6{position:absolute;left:5px;top:57px;}
-->
</style>

<!-- Hier beginnt jetzt die eigentliche rechte Box -->

<table class="rb_shouty6" width="168" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif"> </td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: transparent;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty"><!-- Beginn / Start des Uhren-html-Code -->

<!-- ( Dieser html-Code sollte nicht verändert werden! ) -->

<div align="center"><center><table border="0" cellpadding="0" cellspacing="0" style="height: 33; width: 80;"><tr><td width="80">
<iframe src="http://www.meridianerland.com/uhren/time-015.htm" height="27" width="80" scrolling="no" frameborder="0" align="aus" marginheight="0px" marginwidth="0px"></iframe>
</td></tr><tr><td style="height: 6; width: 80;">
<a href="http://www.meridianerland.com" target="_blank"><img src=http://www.meridianerland.com/uhren/bilder/unterbau-p5.gif alt="Meridianerland - Wissenschaft und Menschheit" style="filter:alpha(style=50,opacity=0); border: medium none" width="80" height="6"></a></td></tr></table></div></center>

<!-- Ende des Uhren-html-Code -->

<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>
Beiträge der letzten Zeit anzeigen:   


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