Suche im Forum:
Suchen


Autor Nachricht
Beitrag23.10.2009 um 20:51 (UTC)    
Titel: Iceblue: Content verschieben?

Hallo zusammen!

Hab über die SuFu leider nichts gefunden, was zu meinem Problem passt... :'(
Aaalsooo... Ich benutze das Design Iceblue (http://www.sufferingdragon.de.tl) und würde den Content gerne bisschen weiter nach rechts verschieben. So, dass er eben nicht mehr direkt an der Navi anliegt.
Jemand zufällig eine Idee, wie das geht?

Danke schon mal & schönen Abend noch,
sufferingdragon
Beitrag23.10.2009 um 20:53 (UTC)    
Titel:

Eine Idee habe ich ebenso wenig wie du selber,
aber lass das Design doch so, sieht cool aus! Wink
Beitrag23.10.2009 um 20:54 (UTC)    
Titel:

stell doch am besten mal deinen Code rein, dann kann ichs evt. ausprobieren!


lg
Jonas
Beitrag23.10.2009 um 20:55 (UTC)    
Titel:

Danke! Find ich ja auch, aber bisschen was anderes, als das normale Iceblue sollte es schon sein Wink

Gleich mal noch eine Frage: Wie kann ich die Breite vom Content vergrößern, sprich so, dass er die restliche Seitenbreite einnimmt?
Beitrag23.10.2009 um 20:56 (UTC)    
Titel:

Mein Code:

Code:
<div align="center">
<table border="0" width="100%" id="table1">
<tr>
<td>
<style type="text/css">

/*Header*/
body {background-color: #000000; color: #ffffff; background-image: url(http://img4.abload.de/img/ghgdh15lw7.jpg); background-repeat: no-repeat;}
td.edit_header_full{background-image: url(http://img.webme.com/pic/s/sufferingdragon/header0910203.png); background-color: #000000; height: 104px; border: 3px outset #333333; background-position: center;}
td.headline2{color: transparent; font-size: 20px; font-family: Alien Encounters; Arial; font-face: bold;}
td.headline {color: #990000; align: center; font-size: 70px; display: none;}

/*Navigation*/
td.edit_navi_headbg{background-image: url();background-color: transparent;}
td.nav_heading{height: 35px; background-image: url(); padding-left: 65px;font-weight: bold;}
td.nav{background-image: url(http://img.webme.com/pic/f/free-picture/idukiceblue185x33_18.png); height: 29px; padding-left: 45px; font-weight: bold; border: 2px outset #333333;}
td.nav:hover{background-image: url(http://img.webme.com/pic/f/free-picture/idukiceblue185x33_21.png);}
td.edit_below_nav img{visibility: hidden;}

/*Content*/
td.edit_content{border: 2px outset #333333; background-image: url(http://img4.abload.de/img/ghgdh15lw7.jpg); margin-left: 250px;}
td.edit_rechts_cbg{background-image: url();background-color: transparent;}
td.edit_content_top{height: 34px; width: 921px; background-image: url(); color: #000000; font-weight: bold;}
td.edit_content_bottom2{/*border: 2px outset #333333;*/  height: 20px; background-color: transparent; background-image: url(/*http://img4.abload.de/img/ghgdh15lw7.jpg*/);}
td.edit_content_bottom{display: none;}

/*Rechte Boxen*/
td.sidebar_heading {background-image: url(); height: 35px; visbility: hidden;}
td.edit_rechts_sbg {visibility: hidden;}
td.edit_rb_footer {visibility: hidden;}
td.edit_rechts_bottom{ background-image: url(URL); background-color: transparent; visibility: hidden;}
td.shouty{visibility: hidden; background-color: transparent; background-image: url(http://img.webme.com/pic/s/sufferingdragon/shouty.png); background-repeat: repeat; border: 2px outset #333333; width: 170px;}

</style>
</td>
</tr>
</table>
</div>
Beitrag23.10.2009 um 20:56 (UTC)    
Titel:

Da gibt es so einen Code, habe da mal
was gelesen vonwegen 'Design verbreitern'...
Kann mich kaum erinnern. Wink
Schau mal in den Tutorial-Bereich vom Forum.
Beitrag23.10.2009 um 20:58 (UTC)    
Titel:

<div align="center">
<table border="0" width="100%" id="table1">
<tr>
<td>
<style type="text/css">

/*Header*/
body {background-color: #000000; color: #ffffff; background-image: url(http://img4.abload.de/img/ghgdh15lw7.jpg); background-repeat: no-repeat;}
td.edit_header_full{background-image: url(http://img.webme.com/pic/s/sufferingdragon/header0910203.png); background-color: #000000; height: 104px; border: 3px outset #333333; background-position: center;}
td.headline2{color: transparent; font-size: 20px; font-family: Alien Encounters; Arial; font-face: bold;}
td.headline {color: #990000; align: center; font-size: 70px; display: none;}

/*Navigation*/
td.edit_navi_headbg{background-image: url();background-color: transparent;}
td.nav_heading{height: 35px; background-image: url(); padding-left: 65px;font-weight: bold;}
td.nav{background-image: url(http://img.webme.com/pic/f/free-picture/idukiceblue185x33_18.png); height: 29px; padding-left: 45px; font-weight: bold; border: 2px outset #333333;}
td.nav:hover{background-image: url(http://img.webme.com/pic/f/free-picture/idukiceblue185x33_21.png);}
td.edit_below_nav img{visibility: hidden;}

/*Content*/
td.edit_content{border: 2px outset #333333; background-image: url(http://img4.abload.de/img/ghgdh15lw7.jpg); margin-left: 250px;}
td.edit_rechts_cbg{background-image: url();background-color: transparent;}
td.edit_content_top{height: 34px; width: 921px; background-image: url(); color: #000000; font-weight: bold;}
td.edit_content_bottom2{/*border: 2px outset #333333;*/ height: 20px; background-color: transparent; background-image: url(/*http://img4.abload.de/img/ghgdh15lw7.jpg*/);}
td.edit_content_bottom{display: none;}

/*Rechte Boxen*/
td.sidebar_heading {background-image: url(); height: 35px; visbility: hidden;}
td.edit_rechts_sbg {visibility: hidden;}
td.edit_rb_footer {visibility: hidden;}
td.edit_rechts_bottom{ background-image: url(URL); background-color: transparent; visibility: hidden;}
td.shouty{visibility: hidden; background-color: transparent; background-image: url(http://img.webme.com/pic/s/sufferingdragon/shouty.png); background-repeat: repeat; border: 2px outset #333333; width: 170px;}

</style>
</td>
</tr>
</table>
</div>


also von Iceblue-Designs habe ich null Ahnung, aber versuchs mal mit dem markierten für die Breite! Stell die Zahl höher ein, dann sollte es eigentlich auch breiter werden, aber wie gesagt, ich habe keine Ahnung von Iceblue-Designs...


lg
Jonas Mr. Green


Zuletzt bearbeitet von abenteuergeschichte am 23.10.2009, 22:01, insgesamt 2-mal bearbeitet
Beitrag24.10.2009 um 12:10 (UTC)    
Titel:

Wollte mal bescheid sagen, dass ich beides (verschieben & verbreitern) mit dem Code hier hinbekommen habe:

Code:
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: 95% !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: 129%; !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:130%; padding-left: 10px;}


Danke für die Hilfe Smile
Beiträge der letzten Zeit anzeigen:   


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