Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.07.2009 um 10:49 (UTC)    
Titel: Design Iceblue: Zentriert und vergrößern

Ich möchte die Überschriften und die Navigation mittig / zentriert haben(Nav a , Headline2, Nav heading)
Weis aber nicht was mit meinen Codes falsch ist oder ob ich dafür noch was anderes einfügen muss. Zusätzlich möchte ich die breite von meinem edit_content vergrößern. Finde aber keinen richtigen code.

Kann mir bitte jemand sagen wie ich das machen soll.
Meine codes sind:

(Text über dem Designe)

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

td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.Monotype Corsiva,verdana;
text-align:left;
background-color:#000033;
background-image: url();
border:1px solid #000033; }

td.edit_content_bottom {
height:29px;
background-color:#000033;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_Blau.jpg);
border:1px solid #000033; }

td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#000033;
background-image: url();
border:1px solid #000033; }


td.nav a {
color:#3399FF;
font-family:Monotype Corsiva,verdana;
text-decoration:none;
text-align:left; }

td.nav a:hover{
color:#FFFFFF;
font-size:19px;
font-family:Monotype Corsiva,verdana;
text-decoration:none;
text-align:left; }


td.headline2 {
color:#FFFFFF;
font-size:25px;
font-family:Monotype Corsiva,verdana;
text-align:left; }

td.edit_rb_footer{display:none; }

td.sidebar_heading {
color:#FFFFFF;
font-size:25px;
font-family:Monotype Corsiva,verdana ;
text-align:center;
height:29px;
background-color:#000033;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_blau.jpg);
border:1px solid #000033; }

td.nav {
background-color:#000033;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_blau.jpg);
border:1px solid #000033;
font-family:Monotype Corsiva,verdana;}

td.edit_content_bottom2 {visibility:hidden;}

td.nav_heading {
color:FFFFFF;
font-size:25px;
font-family:Monotype Corsiva,verdana;
text-align:center;
height:35px;
background-color:#000033;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_blaujpg);
border:1px solid #000033; }

td.edit_header_full{height:200px;}

td.headline {visibility:hidden;}

td.edit_rechts_sbg {display:none;}

td.edit_content_top {
height:35px;
background-color:#000033;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_blau.jpg);
border:1px solid #000033; }

td.edit_below_nav {display:none;}

td.edit_navi_headbg {
height: 50%;
background-color:#000033;
background-image:url();
border:0px solid #000000; }

td.edit_rechts_bottom {
background-color:#000033;
background-image: url();
border:0px solid #000000; }

body {
background-color:#000033;
background-repeat: repeat;
text-align:center; }

td.edit_rechts_cbg {
background-color:#000033;
background-image: url();
border:0px solid #000000; }

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;}

td.edit_header_full table{width: 100% !important;}

table.edit_third_table{width: 100% !important;}

td.edit_navi_headbg{width: 50% !important;}

table.edit_rechts_tabelle{width: 100% !important;}

td.edit_rechts_bottom{width: 20% !important;}

td.edit_rechts_cbg{width:100%;}

</style>
</style>
<div align="center">

<table border="0" width="60%" id="table1">
<tr>
<td>
<style type="text/css">
<!-- table.edit_main_table{width: 100%;}

td.edit_main_tr{width: 100%;}

table.edit_second_table{width: 100%;}

td.edit_header_full

{width: 100%;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100%;}

table.edit_third_table{width: 100%;}

table.edit_rechts_tabelle{width: 100%;}


--> </style>

(Text unter dem Designe)

</td>
</tr>
</table>
</div>
______________
*Cheerleader sind keine Engel, aber sie fliegen genauso hoch*


Zuletzt bearbeitet von butterfly-oberg am 10.08.2009, 21:49, insgesamt 3-mal bearbeitet
Beitrag17.07.2009 um 11:00 (UTC)    
Titel:

Um deine Navigation und den Content zentriert zu bekommen gebe ich dir mal einfach folgenden Befehl den du da noch hinzufühen musst:

Zitat:

text-align: center;
Beitrag17.07.2009 um 11:07 (UTC)    
Titel:

Du verwendest folgenden Befehl bei den Navigation links:

Zitat:

td.nav a {
color:#3399FF;
font-family:Monotype Corsiva,verdana;
text-decoration:none;
text-align:left; }

An der roten Stelle liegt dein fehler hier werden die links in der Navigation
linksbündig angeordnet. Wenn du "left" durch "center" ersetzt sind die Links mittig!


So nun kommen wir zum "content"

Fogenden Code verwendest du ich habe grün makiert was ich noch hinzugefügt habe dadurch wird der Text zentriert:

Zitat:

td.edit_content {
padding-top:15px;
padding-bottom:1px;
background-color:#000033;
background-image: url();
border:1px solid #000033;
text-align:center;
}
Beitrag17.07.2009 um 17:30 (UTC)    
Titel:

Danke für die schelle Antwort. es hat geklappt. jetzt fehlt nur noch das mit dem edit content. den möchte ich auch vergrößert haben. also in der breite. hat da jemand auch einen rat für mich?

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

td.edit_header_full{background-image: url(http://www.images-box.com/uploads/ba7d68fd74.png); }

td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.Monotype Corsiva,verdana;
text-align:left;
background-color:#000033;
background-image: url();
border:1px solid #000033; }

td.edit_content_bottom {
height:29px;
background-color:#000033;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_Blau.jpg);
border:1px solid #000033; }

td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#000033;
background-image: url();
border:1px solid #000033;
text-align: center; }


td.nav a {
color:#3399FF;
font-family:Monotype Corsiva,verdana;
text-decoration:none;
text-align:center; }

td.nav a:hover{
color:#FFFFFF;
font-size:19px;
font-family:Monotype Corsiva,verdana;
text-decoration:none;
text-align:left; }


td.headline2 {
color:#FFFFFF;
font-size:25px;
font-family:Monotype Corsiva,verdana;
text-align:center; }

td.edit_rb_footer{display:none; }

td.sidebar_heading {
color:#FFFFFF;
font-size:25px;
font-family:Monotype Corsiva,verdana ;
text-align:center;
height:29px;
background-color:#000033;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_blau.jpg);
border:1px solid #000033; }

td.nav {
background-color:#000033;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_blau.jpg);
border:1px solid #000033;
font-family:Monotype Corsiva,verdana;}

td.edit_content_bottom2 {visibility:hidden;}

td.nav_heading {
color:FFFFFF;
font-size:25px;
font-family:Monotype Corsiva,verdana;
text-align:center;
height:35px;
background-color:#000033;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_blaujpg);
border:1px solid #000033; }

td.edit_header_full{height:200px;}

td.headline {visibility:hidden;}

td.edit_rechts_sbg {display:none;}

td.edit_content_top {
height:35px;
background-color:#000033;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_blau.jpg);
border:1px solid #000033; }

td.edit_below_nav {display:none;}

td.edit_navi_headbg {
height: 50%;
background-color:#000033;
background-image:url();
border:0px solid #000000; }

td.edit_rechts_bottom {
background-color:#000033;
background-image: url();
border:0px solid #000000; }

body {
background-color:#000033;
background-repeat: repeat;
text-align:center; }

td.edit_rechts_cbg {
background-color:#000033;
background-image: url();
border:0px solid #000000; }

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;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width:
50% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width:
20% !important;}
td.edit_rechts_cbg{width:100%;}


</style>
</style>
<div align="center">

<table border="0" width="60%" id="table1">
<tr>
<td>
<style type="text/css">
<!-- table.edit_main_table{width: 100%;}

td.edit_main_tr{width: 100%;}

table.edit_second_table{width: 100%;}

td.edit_header_full

{width: 100%;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100%;}

table.edit_third_table{width: 100%;}

table.edit_rechts_tabelle{width: 100%;}


--> </style>
______________
*Cheerleader sind keine Engel, aber sie fliegen genauso hoch*


Zuletzt bearbeitet von butterfly-oberg am 10.08.2009, 21:48, insgesamt 2-mal bearbeitet
Beitrag10.08.2009 um 20:20 (UTC)    
Titel:

kann mir damit jemand helfen? habe das problem immernoch.
______________
*Cheerleader sind keine Engel, aber sie fliegen genauso hoch*
Beitrag10.08.2009 um 20:42 (UTC)    
Titel:

Hallo,

Eine Bitte vorweg : Bei Fragen zum Design ändern .... bitte immer angeben, welches Baukasten-Design .
Die Helfer müssten sonst immer erst selbst nachschauen .

Zu Deiner Frage :
Du verwendest das Design Iceblue .
Alle Baukasten-Designs wurden mit Hilfe von Tabellen erstellt .
Dein Textfeld befindet sich in einer Tabellenspalte und hat ein weißes Hintergrundbild.
In Tabellen lassen sich nicht einzelne Spalten in der Breite ändern .
Wenn , dann müssen alle Tabellenspalten , die sich Spaltenmässig untereinander befinden , verbreitert werden .

Das Design Iceblue lässt sich [u]insgesamt[/i] verbreitern . So, das man auch ein
breiteres Textfeld hat . Die Felder über und unter dem Textfeld z.B. wachsen dann mit .
Das Problem : Die Hintergrundgrafiken in den Feldern.
Diese Hintergrundgrafiken haben feste Größen und wachsen nicht mit .

Design Iceblue : Das Design verbreitern
http://www.homepage-baukasten.de/forum/viewtopic.php?t=52168

Du hast den Code zum Verbreitern bereits drin .
Ich habe ihn dir mal blau markiert in deinem Code .
Allerdings hast du die Zahlen falsch
.Siehe Rote Zahlen

Im Tutorial stand 15% Prozent ! Du hast 50 % draus gemacht .
Entweder 15% oder weniger. Auf keinem Fall höher .

Wenn Du den Code einfügst, wirst du sehen, das sich das weiße Bild im
Textfeld wiederholt. Und im Balken über dem Textfeld.
Und im Streifen unter dem Textfeld auch . Hier müsstest du
neue , passende Grafiken erstellen und diese Einfügen :

Alle Klassen im Design Iceblue :
http://www.homepage-baukasten.de/forum/viewtopic.php?t=52296

Hier siehst Du welche Klassen die Felder haben Wink
______________


Zuletzt bearbeitet von 24939 am 10.08.2009, 21:54, insgesamt 3-mal bearbeitet
Beitrag10.08.2009 um 20:48 (UTC)    
Titel:

Hallo,

das erste, was mir auch auffällt ist folgendes:

butterfly-oberg hat Folgendes geschrieben:
Danke für die schelle Antwort. es hat geklappt. jetzt fehlt nur noch das mit dem edit content. den möchte ich auch vergrößert haben. also in der breite. hat da jemand auch einen rat für mich?

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

td.edit_header_full{background-image: url(http://www.images-box.com/uploads/ba7d68fd74.png); }


Das rote bitte ergänzen in deinem Code.
Sonst kann es auch zu Fehlern kommen, dass der code nicht interpretiert wird.
______________
Beitrag11.08.2009 um 14:11 (UTC)    
Titel:

Danke, jetzt ist alles wieder toll!!!!Hat geklappt:D
Lag an dem fehlenden (>)
LG Claudia
______________
*Cheerleader sind keine Engel, aber sie fliegen genauso hoch*
Beitrag11.08.2009 um 17:35 (UTC)    
Titel:

Danke für deine Rückmeldung

[closed]
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beiträge der letzten Zeit anzeigen:   


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