Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.04.2013 um 15:02 (UTC)    
Titel: [erledigt] Design Iceblue: Content Hintergrund

Hallo liebe Community,

Ich forste mich nun schon seit Tagen durch das Internet (auch hier durch das Forum), um einen weg zu finden wie man nur den C_BG (:Content_Hintergrund) transparent bekommt.

Hätte da auch ein transparenten Bild schon parat: allerdings scheint da noch ein Element zwischen meinem C_BG und dem eigentlichen Hintergrund zu sein, welches mir so logischerweise die Sicht "versperrt".

Bild ist als gif. anstatt als .jpg oder .png gespeichert, daran liegt es also nicht.
Hier trotzdem das Bild:
http://img.webme.com/pic/d/d-t-e-clan/content-hintergrund.png

Bin noch ziemlich grün hinter den Ohren was Html/Css angeht und würde mich daher sehr über Hilfe freuen.

Wer bei dem Code Fehler findet soll die bloß nicht verheimlichen!
Für jeden Verbesserungsvorschlag bin ich dankbar.


Code:
<style type="text/css">
<!--



/* Design zentrieren */

table.edit_main_table {
margin: auto;
}



/* Design Hintergrund */

body{background-image: url(http://img.webme.com/pic/d/d-t-e-clan/hintergrund.jpg);background-attachment: fixed; }



/* Header */

td.edit_header_full{background-image:url(http://img.webme.com/pic/d/d-t-e-clan/header.gif );
background-color:#XXXXXX;
width: 1000px;
height: 237px;
background-repeat: no-repeat;
background-position: center top;
border: 0px solid #c0c0c0;
}



/* Content */

td.edit_content_bg{ display:none }
td.edit_content_top{ display:none; }
td.edit_content_container{ display:none; }
td.edit_content{background-image: url(http://img.webme.com/pic/d/d-t-e-clan/content-hintergrund.png); }
td.edit_content_bottom{ display:none; }
td.edit_content_bottom2{ display:none; }
td.edit_content_left_spacer{ display:none; }
td.edit_content_right_spacer{ display:none; }



/* Rechte Boxen entfernt mit */

td.edit_rechts_bottom{ display:none; }
td.edit_rb_footer{ display:none; }
td.edit_rb_footer_1{ display:none; }
td.edit_rb_footer_sky{ display:none; }
td.edit_rechts_sbg{ display:none; }



/* Linke Navigation entfernt mit */

td.edit_navi_headbg { display:none; }



/* Navigation */

td.nav:hover{background-image: url( * HOVERBUTTON-BILD * );
background-color:#XXXXXX;width:
185px;
height: 30px;
border: 0px solid #969696;
}

td.nav{background-image: url( * BUTTON-BILD * );
background-color:#XXXXXX;width:
185px;
height: 30px;
border: 0px solid #969696;
}

td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url( * ??? * );
background-position: center top;
background-repeat: no-repeat;
}

td.edit_rechts_cbg{background-image:url( * ??? * );
background-color:#XXXXXX;
border: 0px solid #ffffff;
}



/* Allgemeine Einstellungen (Schriftart, Schriftgroesse...) */

body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px;
}



/* keine Auflistungspunkte vor Navi-Links */

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



/* Abstand zwischen Schrift zum Rand */

li a {
padding-right: 20px;
padding-top: 5px;
}



/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */

div.menu {
position: absolute;
z-index: 3;
top: 363px;
left: 290px;
width:850px;
}



/* Breite der Menüpunkte einstellen */

.menu li {
width: 120px;
float: left;
}



/* Aussehen der Menüpunkte einstellen */

.menu a {
border: 0px solid #000000;
background-color: #000080;
background-image: url(http://img.webme.com/pic/d/d-t-e-clan/button.gif );
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 32px;
color: #FFFFFF;
}



/* Aussehen der Menüpunkte beim Hover Effekt */

.menu a:hover {
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/d/d-t-e-clan/button2.gif );
color: #FF0000;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
font-size: 14px;
display: none;
width: 120px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #0000FF;
}

//-->
</style>




<!-- Anfang des Scriptes -->
<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>
<!-- Ende des Scriptes -->




<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">START</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">CLAN</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">TRUPPEN</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="http://www.zeltverleih.iphpbb3.com/forum/40456504nx51516/deutsche-tiger-elite-f1/" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">FORUM</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">PANZERKUNDE</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Allgemein</a></li>
<li><a href="Unterlink 4.2">Kompanie</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Hauptmenü 6</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="Unterlink 6.1">Untermenü 6.1</a></li>
<li><a href="Unterlink 6.2">Untermenü 6.2</a></li>
</ul>
</li>
</div>

</style>



Edit by MatsK: Titel angepasst.


Zuletzt bearbeitet von D-T-E-clan am 17.04.2013, 16:19, insgesamt einmal bearbeitet
Beitrag17.04.2013 um 15:09 (UTC)    
Titel:

Code:
td.edit_rechts_cbg{background-image:url( * ??? * );
background-color:#XXXXXX;
border: 0px solid #ffffff;
}


Netter Versuch, aber "* ??? *" ist keine gültige URL und "#XXXXXX" ist kein gültiger Farbwert, beide Angaben werden somit ignoriert.

Versuche es doch einmal mit folgendem:
background: transparent;
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)
Beitrag17.04.2013 um 15:17 (UTC)    
Titel:

danke!! Very Happy

zu den "???", die sind für mich immer nur eine notiz, dass ich da was nciht ganz verstanden hab.

das geheimnis ist nun aber gelüftet. Wink
Beiträge der letzten Zeit anzeigen:   


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