Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.08.2008 um 15:01 (UTC)    
Titel: Boxen hinzufügen bei bearbeitetem Design Ice-blue?

Liebe Mitglieder,

ich haben das Design Ice-blue frei bearbeitet. Die "Blanko-Codes" hierzu wurden mir netterweise von "sc-hassel-jugen" zur Verfügung gestellt. Zunächst wollte ich die rechten Boxen nicht haben, weil dann der Content so klein war. Der Code für den Content ist aber nun so ausgelegt, daß er sich der kompletten Bildschirmbreite anpaßt und somit hätte ich auch wieder Platz für die rechten Boxen, für die ich mittlerweile ein bißchen Inhalt hätte.

Leider komme ich überhaupt nicht damit klar, was ich nun wo verändern muß, damit ich wieder rechte Boxen habe in einer festen Größe, aber die gesamte Homepage trotzdem wieder über den kompletten Bildschirm angezeigt wird.

Hier ist mein Code und vielleicht könnte mir jemand dabei helfen?

<style type="text/css">
<!--
/*Bildschirmbreite*/
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;background-position:left;background-repeat:no-repeat;background-color:#01032c;}
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%;}
table.edit_rechts_tabelle{background-image:url();background-color:;}
td.edit_rechts_cbg {background-image:url(); background-color:#1d4c62:}

/*Schriftgröße im Content-top*/
td.headline2{font-size:16px;color:;}

/*Leiste über dem Content*/

td.edit_content_top {height:35px;background-image:url(http://img.webme.com/pic/t/t-hofmann/navbluedowncontent2.gif);background-color:111638;border:;}

/*Content*/
td.edit_content {background-image:url(); background-color:#fffdcd;}
td.edit_content_bottom{background-image:url(); background-color:#fffdcd;}
td.edit_content_bottom2{background-image:url(); background-color:#111638;}

/*Navi*/
td.nav_heading{background-color:111638;color:#fffdcd;background-image: url(http://img.webme.com/pic/t/t-hofmann/navbluedown.gif);height:35px;}
td.nav_heading{font-size: 16px;border:;}
td.nav{background-image: url(http://img.webme.com/pic/t/t-hofmann/navbluedown.gif);background-color:111638;border:}
td.nav:hover{background-image:url(http://img.webme.com/pic/t/t-hofmann/navmacdown.gif);}
td.nav a{color:#fffdcd;font-size: 12px }
td.edit_navi_headbg{background-image: url();width: 15%;}
td.edit_below_nav{visibility: hidden;}

/*Boxen*/
td.sidebar_heading{color:;background-color: transparent;background-image:url();height:35px;}
td.shouty{color:;background-image: url(URL);background-color: transparent;}
td.shouty2{color:;background-image: url(URL);background-color: transparent;}
td.shouty3{color:;background-image: url(URL);background-color: transparent;}
td.edit_rechts_bottom{background-image: url();width: 15%;}
td.edit_rb_footer{background-image: url();}

body{background-image: url();background-position: center center;background-attachment: fixed;}

td.edit_rechts_sbg{background-image: url();visibility: hidden;position: absolute;right: 0px;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg {display:none}
td.edit_rechts_bottom {display:none}

-->
</style>

Vielen Dank im voraus für Eure Hilfe
______________
Tanja

Beitrag20.08.2008 um 15:05 (UTC)    
Titel:

Hi wenn du neue rechte Boxen einfügen willst dann damit:

Zitat:
<!-- 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>


rot:box Name

grün:Position auf deiner page

code bei "Text über dem Design"

Ich hoffe ich konnte etwas helfen,liebe grüße


Zuletzt bearbeitet von -iceman- am 20.08.2008, 16:06, insgesamt 2-mal bearbeitet
Beitrag20.08.2008 um 15:20 (UTC)    
Titel:

Danke iceman, aber das funktioniert leider überhaupt nicht, wenn ich Deine Codes einfach unten dranfüge. Dann ist meine komplette HP weg, sprich: Man sieht nur noch dunkelgrauen Hintergrund.

Ich dachte eher daran, daß ich vielleicht etwas unter *Bildschirmbreite* und *Boxen* verändern muß?

Viele Grüße
______________
Tanja

Beitrag20.08.2008 um 18:02 (UTC)    
Titel:

Nimm mal lieber den Code:
Zitat:
<style type="text/css">
<!--
/*Bildschirmbreite*/
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;background-position:left;background-repeat:no-repeat;background-color:#01032c;}
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%;}
table.edit_rechts_tabelle{background-image:url();}
td.edit_rechts_cbg {background-image:url(); background-color:#1d4c62;}

/*Schriftgröße im Content-top*/
td.headline2{font-size:16px;}

/*Leiste über dem Content*/

td.edit_content_top {height:35px;background-image:url(http://img.webme.com/pic/t/t-hofmann/navbluedowncontent2.gif);background-color:111638;}

/*Content*/
td.edit_content {background-image:url(); background-color:#fffdcd;}
td.edit_content_bottom{background-image:url(); background-color:#fffdcd;}
td.edit_content_bottom2{background-image:url(); background-color:#111638;}

/*Navi*/
td.nav_heading{background-color:111638;color:#fffdcd;background-image: url(http://img.webme.com/pic/t/t-hofmann/navbluedown.gif);height:35px;}
td.nav_heading{font-size: 16px;}
td.nav{background-image: url(http://img.webme.com/pic/t/t-hofmann/navbluedown.gif);background-color:111638;}
td.nav:hover{background-image:url(http://img.webme.com/pic/t/t-hofmann/navmacdown.gif);}
td.nav a{color:#fffdcd;font-size: 12px;}
td.edit_navi_headbg{background-image: url();width: 15%;}
td.edit_below_nav{visibility: hidden;}

/*Boxen*/
td.sidebar_heading{color:;background-color: transparent;background-image:url();height:35px;}
td.shouty{color:;background-image: url(URL);background-color: transparent;}
td.shouty2{color:;background-image: url(URL);background-color: transparent;}
td.shouty3{color:;background-image: url(URL);background-color: transparent;}
td.edit_rechts_bottom{background-image: url();width: 15%;}
td.edit_rb_footer{background-image: url();}

body{background-image: url();background-position: center center;background-attachment: fixed;}

td.edit_rechts_sbg{background-image: url();visibility: hidden;position: absolute;right: 0px;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg {display:none;}
td.edit_rechts_bottom {display:none;}
-->
</style>
Und füge dann unten drunter die Boxen,
denn oft wird dann nicht mehr die HP angezeigt,
weil der Code ein paar stellen hat, was der IE nicht lesen kann.

Falls trotzdem nur der Hintergrund angezeigt werden solte,
fügst du den Code mal bei "Text unter dem Design" ein.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag21.08.2008 um 18:23 (UTC)    
Titel:

Hallo Dominik,

muß jetzt noch mal blöd fragen: Wie sähe denn der Code für die Boxen dann aus? Ich versuche es mal....

<style type="text/css">
<!--
td.sidebar_heading{color:#SCHRIFTFARBE;background-color: HINTERGRUNDFARBE;background-image:url(MEIN BUTTON);height:35px;}
td.shouty{color:#SCHRIFTFARBE;background-image: url(http://z..b.Musikbox);background-color: HINTERGRUNDFARBE;}
td.shouty2{color:;background-image: url(URL);background-color: transparent;}
td.shouty3{color:;background-image: url(URL);background-color: transparent;}
td.edit_rechts_bottom{background-image: url();width: 15%;}
td.edit_rb_footer{background-image: url();}
-->
</style>

Aber wo und wie gebe ich die Breite und Höhe der Boxen ein? Ich möchte dort ja auch wieder so einen Button als Heading haben und dazu brauche ich natürlich eine Breitenangabe.

Vielleicht kannst Du mir da noch weiterhelfen?

Danke und viele Grüße
______________
Tanja

Beitrag22.08.2008 um 17:40 (UTC)    
Titel:

Zitat:
<style type="text/css">
<!--
td.sidebar_heading{color:#SCHRIFTFARBE;background-color: HINTERGRUNDFARBE;background-image:url(MEIN BUTTON);height:35px;}
td.shouty{color:#SCHRIFTFARBE;background-image: url(http://z..b.Musikbox);background-color: HINTERGRUNDFARBE;height: xxxpx;weight: xxx;}
td.shouty2{color:;background-image: url(URL);background-color: transparent;height: xxxpx;weight: xxx;}
td.shouty3{color:;background-image: url(URL);background-color: transparent;height: xxxpx;weight: xxx;}
td.edit_rechts_bottom{background-image: url();width: 15%;}
td.edit_rb_footer{background-image: url();}
-->
</style>

so und mit height: xxxpx bestimmst du die höhe das xxx musst du mit der gewünschten größe versehen
mit weight: xxxpx bestimmst du die breite das xxx musst du mit der gewünschten größe versehen
Beitrag23.08.2008 um 15:49 (UTC)    
Titel:

Danke my-seid,

aber es geht nicht Sad

Hier ist nun mein kompletter Code (der Content geht nach wie vor über die komplette Bildschirmbreite und es sind keine Boxen sichtbar. Muß ich an der Bildschirmbreite irgend etwas verändern? Da steht fast alles auf 100% !important??)

<style type="text/css">
<!--
/*Bildschirmbreite*/
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;background-position:left;background-repeat:no-repeat;background-color:#01032c;}
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%;}
table.edit_rechts_tabelle{background-image:url();background-color:;}
td.edit_rechts_cbg {background-image:url(); background-color:#1d4c62:}

/*Schriftgröße im Content-top*/
td.headline2{font-size:16px;color:;}

/*Leiste über dem Content*/

td.edit_content_top {height:35px;background-image:url(http://img.webme.com/pic/t/t-hofmann/navbluedowncontent2.gif);background-color:111638;border:;}

/*Content*/
td.edit_content {background-image:url(); background-color:#fffdcd;}
td.edit_content_bottom{background-image:url(); background-color:#fffdcd;}
td.edit_content_bottom2{background-image:url(); background-color:#111638;}

/*Navi*/
td.nav_heading{background-color:111638;color:#fffdcd;background-image: url(http://img.webme.com/pic/t/t-hofmann/navbluedown.gif);height:35px;}
td.nav_heading{font-size: 16px;border:;}
td.nav{background-image: url(http://img.webme.com/pic/t/t-hofmann/navbluedown.gif);background-color:111638;border:}
td.nav:hover{background-image:url(http://img.webme.com/pic/t/t-hofmann/navmacdown.gif);}
td.nav a{color:#fffdcd;font-size: 12px }
td.edit_navi_headbg{background-image: url();width: 15%;}
td.edit_below_nav{visibility: hidden;}

/*Boxen*/
td.sidebar_heading{color:#fffdcd;background-color:111638;background-image:url(http://img.webme.com/pic/t/t-hofmann/navbluedown.gif);height:35px;width:160px}
td.shouty{color:#fffdcd;background-image: url();background-color: 111638;height: 35px;width:160px;}
td.shouty2{color:#fffdcd;background-image: url();background-color: 111638;height: 35px;width:160px;}
td.edit_rb_footer{background-image: url();}

body{background-image: url();background-position: center center;background-attachment: fixed;}

td.edit_rechts_sbg{background-image: url();visibility: hidden;position: absolute;right: 0px;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg {display:none}
td.edit_rechts_bottom {display:none}

-->
</style>

Bitte helft mir nochmal, Danke!
______________
Tanja

Beitrag27.08.2008 um 11:18 (UTC)    
Titel:

Thread kann geschlossen werden.

Viele Grüße
______________
Tanja

Beiträge der letzten Zeit anzeigen:   


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