Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.12.2011 um 18:18 (UTC)    
Titel: Feld "Content" und Feld darunter anpassen

Hallo Ihr Lieben!
Ich bräuchte als absoluter Anfänger mal Eure Hilfe!
Also, ich habe die Homepage gerade erst eröffnet und komme nicht so ganz klar.

Ich hätte gerne, dass das Feld "content" immer an den Inhalt angepasst wird und
der Bereich darunter, also edit_rechts_cbg im gleichen Farbton wie der gesamte Hintergrund ist, also in der Farbe #3A5D01

Kann mir da jemand Ordnung in meinen Code bringen! Danke!:O)

Hier mein Code:


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

body {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);
background-color: #3A5D01;
background-attachment: fixed;
font-family: arial; }

/* Werbung mittig */
table[height="102"]{margin: 0 auto;}

td.headline{visibility:hidden;}

/* Iceblue verbreitern */
table.edit_main_table{width: 100% !important; margin: 0px auto;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
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%;}

/* Headerfeld oben */
td.edit_header_full {
background-image:url(http://img.webme.com/pic/i/ig-frettchenzucht/header.png);
background-color: #3A5D01;
width: 1600;
height: 128px;
background-repeat: no-repeat;
border: 0px solid #2D3738; }

/* Balken über dem Seiteninhalt */
td.edit_content_top {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);
height: 30px;
background-color: #XXXXXX;
border: 0px solid #c0c0c0; }

/* Hover Balken über Seiteninhalt */
td.edit_content_top:hover {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png); }

/* Seiteninhalt */
td.edit_content {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/beige.png);
background-color: #3A5D01;
height: 500px;
border: 5px solid #3A5D01; }

/* DIV im Seiteninhalt */
td.edit_content_main div {overflow: hidden!important;}

/* Abschluss im Seiteninhalt */
td.edit_content_bottom {display:none; }

/* Streifen unter Seiteninhalt */
td.edit_content_bottom2{
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);
height: 30px;
background-color: #;3A5D01
background-position: center top;
background-repeat: repeat; }

Feld unter / hinter dem Seiteninhalt */
td.edit_rechts_cbg {
background-color:#3A5D01;
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png); }

/* Hintergrund der Navi */
td.edit_navi_headbg {
background-image:url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);
background-color: #XXXXXX; }

/* Titelfeld über Navigation */
td.nav_heading {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);
height: 30px;
font-size: 12px;
color: #ffffff;
padding-left: 26px;
text-align: left;
background-color: #XXXXXX; }

/* Navi Buttons */
td.nav {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/buttonhell.png);
background-color: #XXXXXX;
border: 2px solid #597F18; }

/* Navigation Hover */
td.nav:hover {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/buttonhell.png);
background-color: #XXXXXX;
border: 2px solid #3A5D01; }

/* Navigation aktuell offene Seite */
tr.checked_menu td {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/buttonhover.png);
background-color: #XXXXXX;
border: 0px solid #2D3738; }

td.nav a {
color: #3A5D01;
text-decoration: none;
text-align: left; }

/* Feld unter Navigation */
td.edit_below_nav img {visibility: hidden;}

td.edit_below_nav {
background-image: url(URL);
background-position: center top;
background-repeat: no-repeat; }

/* Streifen rechts von den Boxen */
td.edit_rechts_sbg {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);
background-color: #XXXXXX; }

/* Tabellen der rechten Boxen */
table#sidebar_heading_1, table#sidebar_heading_2, table#sidebar_heading_3, table#sidebar_heading_4, table#sidebar_heading_5 {width: 185px; }

/* Inhalt der 5 Boxen */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);
background-repeat: repeat;
background-color: #XXXXXX;
font-size: 12px;
color: #000000; }

/* Hintergrund hinter den 5 Boxen */
td.edit_rechts_bottom {
background-image:url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);
background-color: #XXXXXX; }

/* Titel der Boxen */
td.sidebar_heading {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);
height: 30px;
font-size: 12px;
color: #ffffff;
text-align: center;
background-color: #XXXXXX; }

/* Abschluss unter den Boxen */
td.edit_rb_footer {display:none; }

-->
</style>
Beitrag20.12.2011 um 18:25 (UTC)    
Titel:

Code:
td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}


ändere dein rechts cbg in das.

zusätzlich würde ich noch das einfügen, das macht die seite nicht so lang bei wenig inhalt.

Code:
td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}


Zuletzt bearbeitet von 6p-iceblue am 20.12.2011, 19:30, insgesamt 2-mal bearbeitet
Beitrag20.12.2011 um 18:36 (UTC)    
Titel:

Das ging ja fix! Very Happy Vielen Dank, genau das meinte ich!
Ich komme bestimmt nochmal auf deine Hilfe zurück! Wink
Beitrag20.12.2011 um 18:43 (UTC)    
Titel:

gern geschehen.

hier ein tip: nimm auch border für tr.checked_menu td dann springt das nicht beim drüberfahren mit der maus auf die geöffnete seite. reicht ja wenn der farbton innerhalb des buttons geändert ist.

versuch mal im content den rahmen zu ändern. nimm statt solid mal double oder wähle zumindest einen anderen farbton.

gruss gringo

edit:

solltest du keine rechte boxen brauchen, dann gehe mal so vor:

http://designcodes.de.tl/Blau-ohne-Boxen.htm

das verbreitert dann dein content.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 20.12.2011, 19:46, insgesamt einmal bearbeitet
Beitrag20.12.2011 um 18:59 (UTC)    
Titel:

Prima, das mit dem tr.checked sieht wirklich viel besser aus! Danke für den Tip!
Dann probier ich das nachher mal mit dem anderen Code aus, bin schon ganz wirr, soo viele Buchstaben und Zeichen! Laughing Da muss man sich als Anfänger erstmal durchwurschtelt!
Beitrag20.12.2011 um 19:09 (UTC)    
Titel:

alles nicht so schlimm, bilder-url raus, farbton rein und fertig.

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

Beitrag20.12.2011 um 20:41 (UTC)    
Titel:

Ich schon wieder! Embarassed
Kannst du mir noch dabei helfen, die Schrift in der Navigation in die Farbe #A6CC66
zu bringen?
Und gleich nochwas: Kann ich den Seiteninhalt auf der rechten Seite ein Bißchen verschmälern? Also so, dass rechts bißchen mehr dunkelgrün zu sehen ist?
Danke schon mal!
Beitrag20.12.2011 um 21:29 (UTC)    
Titel:

Hallo,

ich bin zwar nicht gringo, hoffe aber das ist dir egal. Die Schrift der Menüpunkte kannst du in deinem code an der roten stelle ändern
Zitat:
td.nav a{font-family: tahoma;font-size: 11px;color: #ffffff;text-decoration: none}


Um rechts den abstand zum Rand zu ändern suche in deinem code folgendes:
Zitat:
table.edit_main_table {
width: 100% !important;
}

Das ist die Breite deines Designs in Prozent


Wenn du das grüne hinzufügst, kannst du den rechten Außenabstand ändern, in dem du die Breite verkleinerst und den blauen Wert um diesen Betrag erhöhst:
Zitat:
table.edit_main_table {
width: 100% !important;
margin:0 XX% 0 0 !important;
}


Die andere Möglichkeit, wäre den innenabstand zu ändern. Dazu fügst du im selben Block das blaue hinzu:
Zitat:
table.edit_main_table {
width:100% !important;
padding-right:XXpx;
}

Abstand in Pixel
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 20.12.2011, 23:33, insgesamt einmal bearbeitet
Beitrag21.12.2011 um 07:06 (UTC)    
Titel:

Auch dir einen lieben Dank! Das mit der Breite hab ich hingekriegt, aber die Schrift will einfach nicht! Sad

Hier mal der aktuelle Code, da ich ihn ja auf Gringos Vorschlag hin geändert habe. Ich hab dann mal den von dir vorgeschlagenen Code wegen der Schriftgröße eingefügt, aber es streikt immer noch! Question
Code:
</style><style type="text/css">
<!--
table.edit_main_table{width: 95% !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
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;position: absolute;left: -300px;}
td.edit_rechts_cbg{width:100%;}
td.shouty{visibility: hidden;width: 0px;}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{visibility: hidden;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}

td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}

td.nav:hover{background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/buttonhell.png);width:
185px;height: 50px;border: 5px solid #3A5D01; }

td.nav{background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/buttonganzhellgruen.png);width:
185px;height: 50px;border: 5px solid #3A5D01;}

td.nav a{font-family: tahoma;font-size: 11px;color: #3A5D01;text-decoration: none}


/* Navigation aktuell offene Seite */
tr.checked_menu td {
background-image: url(http://img.webme.com/pic/i/ig-frettchenzucht/buttonmittelgruen.png);
background-color: #XXXXXX;
border: 5px solid #3A5D01; }


td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}

td.edit_content{background-image:url(http://img.webme.com/pic/i/ig-frettchenzucht/ganzhellgruen.png);background-color:#c0c0c0;border: 1px solid #c0c0c0;}
td.edit_rechts_cbg{background-image: url();}

td.edit_navi_headbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

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

body {background-image:url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);background-color:#c0c0c0;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

td.nav_heading{background-image:url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);height: 24px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}
td.sidebar_heading{background-image:url();height: 0px;}

td.edit_rb_footer{background-image:url();height: 20px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_content_top{background-image:url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);height: 24px;background-color:#XXXXXX;border: 0px solid #3A5D01;}

td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);height: 24px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_content_bottom2{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/i/ig-frettchenzucht/dunkelgruen.png);height: 24px;background-color:#XXXXXX;border: 1px solid #3A5D01;}

td.nav_heading{font-family: tahoma;font-size: 11px;color: #ffffff;padding-left:26px;text-align: left;}
td.nav a{font-family: tahoma;font-size: 11px;color: #ffffff;text-decoration: none}
td.sidebar_heading{font-family: tahoma;font-size: 11px;color: #000000; text-align: center;}

td.edit_content_main div{overflow: hidden!important;}

td.edit_header_full{background-image:url(http://img.webme.com/pic/i/ig-frettchenzucht/headergruen.png);background-color:#XXXXXX;width:
2000; height: 120px;background-repeat: no-repeat;background-position: center top;border: 1px solid #c0c0c0;}
--></style>


Noch einen Tipp für mich? Smile
Beitrag21.12.2011 um 17:43 (UTC)    
Titel:

ig-frettchenzucht hat Folgendes geschrieben:
Noch einen Tipp für mich? Smile

Den gleichen, wie oben. Wink

Du solltest es ersetzen und nicht nochmal einfügen oder war das vorher schon 2 mal drin?
Schau nochmal in meinem letzten post, dann suche die entsprechende Zeile und ändere die ffffff in deinen gewünschten Hexcode um und alles, was du doppelt hast kannst du löschen.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag22.12.2011 um 10:13 (UTC)    
Titel:

Zitat:
td.nav_heading{font-family: tahoma;font-size: 11px;color: #ffffff;padding-left:26px;text-align: left;}

td.nav a{font-family: tahoma;font-size: 11px;color: #ffffff;text-decoration: none}

td.sidebar_heading{font-family: tahoma;font-size: 11px;color: #000000; text-align: center;}


das rote ist die schrift der navigation. steht recht weit unten. mach die schriften auch höher. nimm mal 13 statt 11.

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



Zuletzt bearbeitet von 6p-iceblue am 22.12.2011, 11:14, insgesamt einmal bearbeitet
Beitrag22.12.2011 um 12:19 (UTC)    
Titel:

Jaaaa, auch das hab ich mit Eurer Hilfe hinbekommen! Vielen Dank! Ihr seid super!
Beitrag22.12.2011 um 14:00 (UTC)    
Titel:

hier noch was, weil das aktuelle feld ja dunkler ist, und die schrift dann auch. füge das noch im code mit zu:

Code:
tr.checked_menu td a{font-family: tahoma;font-size: 13px;color: #ffffff;text-decoration: none}


damit hat die schrift des aktuellen buttons einen anderen farbton und ist besser zu lesen. die höhe und schriftfarbe bitte anpassen.

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

Beitrag22.12.2011 um 21:17 (UTC)    
Titel:

danke für den Hinweis, ich habs jetzt geändert. Sieht wirklich besser aus! Smile

Und gleich die nächste Frage: Wie bekomme ich die Menupunkte der Extras in der Navi-Leiste fett? Also das Gästebuch und den Mitgliederbereich?

Danke schön für weitere Tipps! Wink
Beitrag22.12.2011 um 23:35 (UTC)    
Titel:

so wie du es mit den anderen navipunkten auch gemacht hast. editiere die seiten und bei optionen stellst du jeweils auf fett.

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

Beiträge der letzten Zeit anzeigen:   


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