Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.12.2010 um 12:32 (UTC)    
Titel: Headerbreite

Hallo,

ich habe das Design Ice Blue verbreitert. Leider weiß ich nicht, wie ich jetzt die genaue Größe des Headers feststellen kann. Das gleiche gilt für den balken über dem Teextfeld. Ich habe schon Header in unterschiedlichen Größen erstellt, entweder sind sie zu klein und wiederholen sich( wie jetzt) oder sind zu groß. Außerdem bekomme ich es es nicht hin, die Werbung mittig zu setzen. In der Suchfunktion habe ich zwar etwas gefunden, es klappt aber nicht. Über Hilfe würde ich mich sehr freuen.

LG Sina
http://www.unserebastelseiten.de.tl/
<style type="text/css">
<!--

/* Nullformatierung */
*{padding: 0px; margin: 0px;}

/* Werbung zentrieren */
table[height="102"] {
margin: auto!important;}

table.edit_main_table, table[height="102"]{margin: 0 auto;}
/* Bild hinter Design*/
body{background-image: url(http://img.webme.com/pic/i/irishredsetter/back.gif);background-attachment: fixed;}

/* Erste Tabelle um Iceblue - Design zentrieren */
table.edit_main_table {
width: 110px !important;
margin: auto;
;
background-color: #xxxxxx;
border:2px solid #xxxxxx; }

/* zweite Tabelle um Iceblue */
table.edit_second_table {
width: 110px !important; }

td.edit_main_tr {
width: 1000px;
height: 50% !important; }

/*Header */
td.edit_header_full {
background-color: #0C2939;
background-image: url(http://img.webme.com/pic/i/irishredsetter/header2.jpg);width: 1100px; height: 162px
; }

td.headline{visibility:hidden;}
/* Titel der Navigation */
td.nav_heading {
height: 38px;
background-color: #0E5C1B;
background-image: url(); }
/* Navi-Buttons */
td.nav{background-image: url(http://img.webme.com/pic/u/unserebastelseiten/buttonsetter.jpg);width:
185px;height: 38px;border: 1px solid #22910C;}

td.nav:hover{background-image: url(http://img.webme.com/pic/u/unserebastelseiten/buttonpfote.jpg);width:
185px;height: 38px;border: 1px solid #22910C;}
/* Bild unter Navi entfernt mit */
td.edit_below_nav img {display:none;}

/* Erste Feld unter Navigation */
td.edit_below_nav {height: 38px;background-color: #0C2939; background-image: url(); }


/* zweite Feld unter Navigation */
td.edit_navi_headbg {
height: 50%!important;
background-color: ;
background-image: url();}

/* Feld hinter dem Textfeld */
table.edit_rechts_tabelle {
margin-left: 10px;
width:770px!important; }

/* Tabellenspalte hinter Textfeld */
td.edit_rechts_cbg {width: 100%!important; }

/* Balken über Textfeld */
td.edit_content_top {
background-color: #0E5C1B;
background-image:url(); }

/* Textfeld */
td.edit_content {background-color: #FFFFFF;

background-image: url(http://img.webme.com/pic/i/irishredsetter/spur1.jpg); }

/* Streifen unten im Textfeld */
td.edit_content_bottom {
background-color: #FFFFFF;
background-image: url(); }

/* Balken unter Textfeld */
td.edit_content_bottom2 {
background-color: #xxxxxx;
background-image: url(); }

/* Feld unter / hinter dem Textfeld */
td.edit_rechts_cbg {
height: 50%;
background-color: ;
background-image: url(); }


td.edit_below_nav {display: none;}

td.nav_heading{font-family: Harlow Solid Italic, font seize28px;color: #F1D64C;padding-left:30px;text-align: left;}

td.nav {font-family: Harlow Solid Italic;color:#0c4E0A;}
td.nav a{font-family: tahoma;font-size: 12px;color: #0c4E0A;}
td.nav :hover{font-family: Harlow Solid Italic;color:#0c4E0A;}


/* Box 1 entfernt */
table#sidebar_heading_1 {display:none;}

/* Box 2 entfernt */
table#sidebar_heading_2 {display:none;}

/* Box 3 entfernt */
table#sidebar_heading_3 {display:none;}

/* Box 4 entfernt */
table#sidebar_heading_4 {display:none;}

/* Box 5 entfernt */
table#sidebar_heading_5 {display:none;}

/* Streifen rechts von den Boxen entfernt */
td.edit_rechts_sbg {display:none;}
-->
</style>

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

/* Iceblue verbreitern */
table.edit_main_table{width: 80% !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: 10% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 10% !important;}
td.edit_rechts_cbg{width:100%;}

-->
</style>
Beitrag02.12.2010 um 22:31 (UTC)    
Titel:

Hallo,
das Zentrieren der Werbung habe ich inzwischen mit dem code
<center> </center> hinbekommen.
Beim Header habe ich einen größeren gbastelt, der dann beim Einfügen "abgeschnitten" wurde. Quasi eine Notlösung Es muß doch aber eine Möglichkeit die genaue Größe für Header und Balken über dem Textfeld heraus zu bekommen.
Beitrag03.12.2010 um 09:16 (UTC)    
Titel:

ich hab dir den code mal etwas abgeändert. nun sollte es besser passen.

beim iceblue ist es immer so eine sache mit der genauen haedergrösse.

ich hab das design nun auf 78% gemacht statt der 80%.

ausserdem hattest du einen zwischenraum zwischen content und navigation drin. das verschiebt dann den haeder. der haeder ist zentriert und ohne wiederholung. musst im code mal schauen wie das gemacht wird.

für das feld über der navigation und auch über den textfeld, sollte man immer ein bild nehmen, das sich nach links und rechts wiederholen kann. damit bist du auf der sicheren seite.

zusätzlich hab ich noch ein paar einstellungen geändert und dir den balken unter dem textfeld entfernt.

gruss gringo

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

/* Nullformatierung */
{padding: 0px; margin: 0px;}

/* Werbung zentrieren */
table[height="102"] {
margin: auto!important;}

table.edit_main_table, table[height="102"]{margin: 0 auto;}
/* Bild hinter Design*/
body{background-image: url(http://img.webme.com/pic/i/irishredsetter/back.gif);background-attachment: fixed;}

/* Erste Tabelle um Iceblue - Design zentrieren */
table.edit_main_table {
width: 110px !important;
margin: auto;
;
background-color: #xxxxxx;
border:2px solid #xxxxxx; }

/* zweite Tabelle um Iceblue */
table.edit_second_table {
width: 110px !important; }

td.edit_main_tr {
width: 1000px;
height: 50% !important; }

/*Header */
td.edit_header_full {
background-color: Transparent;
background-image: url(http://img.webme.com/pic/i/irishredsetter/header2.jpg);width: 1100px; height: 162px
; background-repeat: no-repeat;background-position: center top;}

td.headline{visibility:hidden;}
/* Titel der Navigation */
td.nav_heading {
height: 24px;
background-color: #0E5C1B;
background-image: url(); }
/* Navi-Buttons */
td.nav{background-image: url(http://img.webme.com/pic/u/unserebastelseiten/buttonsetter.jpg);width:
185px;height: 38px;border: 1px solid #22910C;}

td.nav:hover{background-image: url(http://img.webme.com/pic/u/unserebastelseiten/buttonpfote.jpg);width:
185px;height: 38px;border: 1px solid #22910C;}
/* Bild unter Navi entfernt mit */
td.edit_below_nav img {display:none;}

/* Erste Feld unter Navigation */
td.edit_below_nav {height: 38px;background-color: #0C2939; background-image: url(); }


/* zweite Feld unter Navigation */
td.edit_navi_headbg {
height: 50%!important;
background-color: ;
background-image: url();}

/* Tabellenspalte hinter Textfeld */
td.edit_rechts_cbg {width: 100%!important; }

/* Balken über Textfeld */
td.edit_content_top {
background-color: #0E5C1B;
background-image:url();height: 24px; }

/* Textfeld */
td.edit_content {background-color: #FFFFFF;

background-image: url(http://img.webme.com/pic/i/irishredsetter/spur1.jpg);border: 3px solid #c0c0c0;}

/* Streifen unten im Textfeld */
td.edit_content_bottom {display: none;}

/* Balken unter Textfeld */
td.edit_content_bottom2 {
background-color: Transparent;
background-image: url(); }

/* Feld unter / hinter dem Textfeld */
td.edit_rechts_cbg {
height: 50%;
background-color: ;
background-image: url(); }


td.edit_below_nav {display: none;}

td.nav_heading{font-family: Harlow Solid Italic, font size 14px;color: #F1D64C;padding-left:26px;text-align:

left;}

td.nav {font-family: Harlow Solid Italic;color:#0c4E0A;}
td.nav a{font-family: tahoma;font-size: 12px;color: #0c4E0A;}
td.nav :hover{font-family: Harlow Solid Italic;color:#0c4E0A;}


/* Box 1 entfernt */
table#sidebar_heading_1 {display:none;}

/* Box 2 entfernt */
table#sidebar_heading_2 {display:none;}

/* Box 3 entfernt */
table#sidebar_heading_3 {display:none;}

/* Box 4 entfernt */
table#sidebar_heading_4 {display:none;}

/* Box 5 entfernt */
table#sidebar_heading_5 {display:none;}

/* Streifen rechts von den Boxen entfernt */
td.edit_rechts_sbg {display:none;}
-->
</style>

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

/* Iceblue verbreitern */
table.edit_main_table{width: 78% !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: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}

-->
</style>


Zuletzt bearbeitet von 6p-iceblue am 03.12.2010, 10:40, insgesamt 2-mal bearbeitet
Beitrag03.12.2010 um 12:59 (UTC)    
Titel:

Danke für Deine Mühe, das ist wirklich sehr nett.
Ich hätte da noch eine Frage: Wenn ich meine 2. HP (jetzt Design Colourfull)
http://www.irishredsetter.de.tl/
auf das Design Iceblue umstelle(keine rechten Boxen und verbreitert), bleben dann die Seiten und Bilder erhalten? Mir ist schon klar, dass ich Haeder und Buttons ändern muß
Als ich diese HP eingerichtet habe, hatte ich Null Ahnung und hatte viel Arbeit und Mühe das so hinzu kriegen. Leide wußte ich damals nicht, dass man bei Colourfull nicht viel ändern kann. Ich habe allerdings Bedenken, dass ich eventuell alles "zerstöre".

Liebe Grüße
Sina
Beitrag03.12.2010 um 14:17 (UTC)    
Titel:

deine jetzigen inhalte bleiben erhalten, es verschwindet nichts. ausser natürlich der inhalt der rechten boxen.

allerdings weiss man vorher nicht wie die einzelnen siten wirken. muss man halt testen ob man noch was machen muss (zentrieren, schriftgrössen ändern).

zur not kann man immer noch auf das jetzige design zurückschalten. dann ist alles wie vorher (wenn man nichts innerhalb der seiten geändert hat).

gruss gringo

tip: wenn ich dir den code schon etwas abgeändert habe, damit das design richtig angezeigt wird, dann solltest du den code auch jetzt bei dir einfügen. sonst hätte ich mir das ja sparen können.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 03.12.2010, 15:47, insgesamt einmal bearbeitet
Beitrag03.12.2010 um 16:05 (UTC)    
Titel:

Danke für Deine Antwort. Natürlich füge ich den neuen Code ein, hatte vorhin bloß keine Zeit mehr. Bitte nicht böse sein.

LG Sina
Beitrag03.12.2010 um 16:21 (UTC)    
Titel:

nee, bin ja nicht böse. hatte mich aber gewundert. Wink

und wie du siehst, wirkt es nun ganz anders.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag03.12.2010 um 17:30 (UTC)    
Titel:

Ja, es gefällt mir. Allerdings muß ich den Header noch verändern, so dass die Köpfe richtig zu sehen ist. Ich hatte das Design am Notebook (widescreen Auflösung) bearbeitet, da sah das ganz anders aus, als am PC meines Freundes. Da war ja nur wenig von der Seite zu sehen, so wie es jetzt ist, ist es super.
LG Doreen
Beitrag03.12.2010 um 17:33 (UTC)    
Titel:

als tip bezüglich eines haeders:

nicht jeder hat einen widesreen und nicht jeder hat eine hohe auflösung. man muss beim haeder immer etwas tricksen.

wie ich schon oft sagte, ist es am besten, wenn der eigentliche inhalt des haeders etwa 900-950 breit ist und links sowie rechts der haeder ruhig beschnitten werden kann. damit wäre es egal welche auflösung (ab 1024, normaler monitor) man benutzt. der jetzige, wichtige bereich ist bei dir ja 1100 pixel breit.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 03.12.2010, 18:37, insgesamt 3-mal bearbeitet
Beitrag03.12.2010 um 18:19 (UTC)    
Titel:

Danke für den Tipp.

LG Sina
Beiträge der letzten Zeit anzeigen:   


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