Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.01.2009 um 11:10 (UTC)    
Titel: Design ändern

Hallo
Ich wollte mal fragen ob mir einer behilflich sein kann das Design unserer Seite zu ändern .
Und zwar möchte ich statt dem rot weissen Verlauf der überall ist dieses Bild als Hintergrund einsetzen : http://img.webme.com/pic/s/sc07fenne/hintergrund11.jpg

Die rechten Boxen sollten einen normalen Hintergrund in diesem Rot haben .

Ausserdem wollte ich noch den Balken am unteren Rand weg haben .

Die Seite ist www.sc07fenne.de.tl

Hier ist der Code :

<style type="text/css"> <!--
/* Diesen Teil nicht rauslöschen*/
/* Copyright by Dackel06 http://dackel06-design.de.tl */
/* Partner Gameinfo http://gameinfo.de.tl */

/* Allgemein */
td.idcp{visibility:hidden;}
body{background-image:url(http://88.198.45.22/pic/h/hilfe-hompage/hhhhhhhhhhhhhhhhhh.gif);background-color:#FFFFF;}



/* Textfeld Hintergrund*/

td.headline2{visibility:hidden;}







/* Titel über Text-Seite entfernen */
td.idcp{visibility:hidden;}



/* Header fixiert und zentriert*/
td.edit_header_full{width: 100% !important;background-repeat:no-repeat;background-position:center center;background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fenneheader1.png);}

/* Navigation */
td.edit_navi_headbg{background-image: url();}
td.nav_heading{background-image: url(http://88.198.45.22/pic/h/hilfe-hompage/button1.png);height: 33px;padding-left: 27px;font-size: 16px;font-weight: bold;}
td.nav:hover{background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebuttonhoverblau2.png);}
td.nav{background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebutton1.png);}
td.nav a{color: #FFFFFF;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #CCCCCC;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #000000;font-size: 11px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}
td.edit_content_bottom{visibility: hidden;width: 0px;}

/* Rechte Boxen */


td.sidebar_heading{background-image: url(http://88.198.45.22/pic/h/hilfe-hompage/rechtebox2.png);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: url(http://88.198.45.22/pic/h/hilfe-hompage/rechtebox2.png);background-color: #00ff00;;}


td.edit_rechts_bottom{background-image: url();width: 15%;}
td.edit_rb_footer{background-image: url();}
td.edit_rechts_sbg{background-image: url();visibility: hidden;}







/* Content */
td.edit_rechts_cbg{background-image: url();width: 100%;}
td.edit_content_top{height: 33px;background-image: url(http://88.198.45.22/pic/h/hilfe-hompage/button1.png);}
td.edit_content{padding-left: 20px;background-image: url();}



/* Design verbreitern */
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: 130% !important;}
td.edit_header_full table{width: 130% !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>





<style type="text/css">
<!--
td.headline{visibility: hidden; width: 0px ;}
-->
</style>





<style type="text/css" media="screen">
<!--
body
{
/*Schrift Art*/
font-family: comic sans ms,kursiv;
/*Schrift Größe*/
font-size: 20px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
/*Position von Oben*/
top: 176px;
/*Position von Link*/
left: 350px;
width:905px;
border:10px;
}
.menu li
{
width: 185px;
float: left;
}
.menu a
{
border: 0px solid #ffffff;
background-color: #000000;
background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebutton1.png);
text-decoration: center;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px3px;
display: block;
height:20px;
color: #ffffff;
}
.menu a:hover
{
background-color: #ff0000;
background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebuttonhoverblau2.png);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 19px;
display: none;
width: 185px;
height: 18px;
float: left;
}
#smenu1:hover, #smenu2:hover, #smenu3:hover, #smenu4:hover, #smenu5:hover
{
font-size: 19px;
display: none;
width: 185px;
height: 18px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebutton1.png);
}
#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover, #smenu5 a:hover
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebuttonhoverblau2.png);
}
//-->
</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>




<img src="http://88.198.45.22/pic/s/sc07fenne/werb.jpg" border="0" style="position: absolute; top: 1240px; left: 10px;">



</div>






<img src="http://88.198.45.22/pic/s/sc07fenne/werb.jpg" border="0" style="position: absolute; top: 1240px; left: 10px;">




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



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

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

<table class="rb_neu" width="188" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://88.198.45.22/pic/s/sc07fenne/unbenannt.jpg">Fussball News</td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #ff0033;padding:5px;" background="http://88.198.45.22/pic/s/sc07fenne/unbenannt.jpg" class="shouty"><SCRIPT LANGUAGE="Javascript">
var SMM_TICKER_FONT_COLOR="#000000";
var SMM_TICKER_BG_COLOR="#FF0033";
var SMM_TICKER_FONT="Arial";
var SMM_TICKER_RESSORT="_fussball";
var SMM_TICKER_HOVER_UNDERLINE="none";
var SMM_TICKER_LINK_UNDERLINE="none";
var SMM_TICKER_FONTBOLD="bold";
var SMM_TICKER_WIDTH=180;
var SMM_TICKER_HEIGHT=150;
var SMM_TICKER_FONT_SIZE=14;
var SMM_TICKER_SPEED=80;
var SMM_TICKER_HOVER_STOP=1;
var SMM_TICKER_TRANSPARENT=1;
var SMM_TICKER_BORDER_COLOR="#FF0033";
var SMM_TICKER_BORDER_WIDTH=1;
var SMM_TICKER_BORDER_STYLE="solid";
var SMM_TICKER_BORDER_VISIBLE="1";
var SCN_HEADLINES_LOCATION="";
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" src="http://www.sportal.de/content/js/sportnews_ticker.js"></SCRIPT>
<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://88.198.45.22/pic/s/sc07fenne/unbenannt.jpg" height="2" class="edit_rb_footer">
</td>
</tr>
</table>


Vielen Dank im Voraus
______________
[img:0512265f9b]http://img.webme.com/pic/s/sc07fenne/468x60_63.jpg[/img:0512265f9b]


Zuletzt bearbeitet von sc07fenne am 22.01.2009, 12:12, insgesamt einmal bearbeitet
Beitrag22.01.2009 um 11:56 (UTC)    
Titel:

Code:
<style type="text/css"> <!--
/* Diesen Teil nicht rauslöschen*/
/* Copyright by Dackel06 http://dackel06-design.de.tl */
/* Partner Gameinfo http://gameinfo.de.tl */

/* Allgemein */
td.idcp{visibility:hidden;}
body{background-image:url(http://img.webme.com/pic/s/sc07fenne/hintergrund11.jpg);background-color:#FFFFF;}



/* Textfeld Hintergrund*/

td.headline2{visibility:hidden;}







/* Titel über Text-Seite entfernen */
td.idcp{visibility:hidden;}



/* Header fixiert und zentriert*/
td.edit_header_full{width: 100% !important;background-repeat:no-repeat;background-position:center center;background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fenneheader1.png);}

/* Navigation */
td.edit_navi_headbg{background-image: url();}
td.nav_heading{background-image: url(http://88.198.45.22/pic/h/hilfe-hompage/button1.png);height: 33px;padding-left: 27px;font-size: 16px;font-weight: bold;}
td.nav:hover{background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebuttonhoverblau2.png);}
td.nav{background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebutton1.png);}
td.nav a{color: #FFFFFF;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #CCCCCC;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #000000;font-size: 11px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}
td.edit_content_bottom{visibility: hidden;width: 0px;}

/* Rechte Boxen */


td.sidebar_heading{background-image: url(http://88.198.45.22/pic/h/hilfe-hompage/rechtebox2.png);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: url(http://88.198.45.22/pic/h/hilfe-hompage/rechtebox2.png);background-color: #00ff00;;}


td.edit_rechts_bottom{background-image: url();width: 15%;}
td.edit_rb_footer{background-image: url();}
td.edit_rechts_sbg{background-image: url();visibility: hidden;}







/* Content */
td.edit_rechts_cbg{background-image: url();width: 100%;}
td.edit_content_top{height: 33px;background-image: url(http://88.198.45.22/pic/h/hilfe-hompage/button1.png);}
td.edit_content{padding-left: 20px;background-image: url();}



/* Design verbreitern */
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: 130% !important;}
td.edit_header_full table{width: 130% !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>





<style type="text/css">
<!--
td.headline{visibility: hidden; width: 0px ;}
-->
</style>





<style type="text/css" media="screen">
<!--
body
{
/*Schrift Art*/
font-family: comic sans ms,kursiv;
/*Schrift Größe*/
font-size: 20px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
/*Position von Oben*/
top: 176px;
/*Position von Link*/
left: 350px;
width:905px;
border:10px;
}
.menu li
{
width: 185px;
float: left;
}
.menu a
{
border: 0px solid #ffffff;
background-color: #000000;
background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebutton1.png);
text-decoration: center;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px3px;
display: block;
height:20px;
color: #ffffff;
}
.menu a:hover
{
background-color: #ff0000;
background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebuttonhoverblau2.png);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 19px;
display: none;
width: 185px;
height: 18px;
float: left;
}
#smenu1:hover, #smenu2:hover, #smenu3:hover, #smenu4:hover, #smenu5:hover
{
font-size: 19px;
display: none;
width: 185px;
height: 18px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebutton1.png);
}
#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover, #smenu5 a:hover
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
background-image: url(http://88.198.45.22/pic/s/sc07fenne/sc07fennebuttonhoverblau2.png);
}
//-->
</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>




<img src="http://88.198.45.22/pic/s/sc07fenne/werb.jpg" border="0" style="position: absolute; top: 1240px; left: 10px;">



</div>






<img src="http://88.198.45.22/pic/s/sc07fenne/werb.jpg" border="0" style="position: absolute; top: 1240px; left: 10px;">




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



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

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

<table class="rb_neu" width="188" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://88.198.45.22/pic/s/sc07fenne/unbenannt.jpg">Fussball News</td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #ff0033;padding:5px;" background="http://88.198.45.22/pic/s/sc07fenne/unbenannt.jpg" class="shouty"><SCRIPT LANGUAGE="Javascript">
var SMM_TICKER_FONT_COLOR="#000000";
var SMM_TICKER_BG_COLOR="#FF0033";
var SMM_TICKER_FONT="Arial";
var SMM_TICKER_RESSORT="_fussball";
var SMM_TICKER_HOVER_UNDERLINE="none";
var SMM_TICKER_LINK_UNDERLINE="none";
var SMM_TICKER_FONTBOLD="bold";
var SMM_TICKER_WIDTH=180;
var SMM_TICKER_HEIGHT=150;
var SMM_TICKER_FONT_SIZE=14;
var SMM_TICKER_SPEED=80;
var SMM_TICKER_HOVER_STOP=1;
var SMM_TICKER_TRANSPARENT=1;
var SMM_TICKER_BORDER_COLOR="#FF0033";
var SMM_TICKER_BORDER_WIDTH=1;
var SMM_TICKER_BORDER_STYLE="solid";
var SMM_TICKER_BORDER_VISIBLE="1";
var SCN_HEADLINES_LOCATION="";
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" src="http://www.sportal.de/content/js/sportnews_ticker.js"></SCRIPT>
<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://88.198.45.22/pic/s/sc07fenne/unbenannt.jpg" height="2" class="edit_rb_footer">
</td>
</tr>
</table>



so fertig

LG grischan
Beitrag22.01.2009 um 14:12 (UTC)    
Titel:

Vielen Dank

War leider doch nicht das wahre , habe es schlicht und einfach gemacht .

Weiss noch einer von euch wie ich noch den unteren dunklen Balken entfernen kann ?
______________
[img:0512265f9b]http://img.webme.com/pic/s/sc07fenne/468x60_63.jpg[/img:0512265f9b]
Beitrag22.01.2009 um 14:18 (UTC)    
Titel:

einfach noch den code einfügen:

Code:
td.edit_content_bottom2 {visibility:hidden;} 


Lg grischan
Beitrag22.01.2009 um 15:01 (UTC)    
Titel:

Super geil .
Nur noch ein kleines Problem .

Über dem Navi ist noch ein kleines Feld mit einem Verlauf den ich auch noch gerne ganz Rot haben möchte .

Weiss du da auch die Lösung ?
______________
[img:0512265f9b]http://img.webme.com/pic/s/sc07fenne/468x60_63.jpg[/img:0512265f9b]
Beiträge der letzten Zeit anzeigen:   


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