| Autor |
Nachricht |
|
|
 16.01.2017 um 16:11 (UTC)
Titel: CSS aufräumen [erledigt] |
|
|
Hallo zusammen,
ich hab keine große Ahnung von CSS und versuche derzeit meinen Code aufzuräumen und entsprechend zu markieren:
Zitat: /* Überschrift im Header ist unsichtbar */
td.headline{visibility: hidden;}
Könnt ihr mir sagen wozu folgende Codes gedacht sind? Dann könnte ich die entsprechend o.s. Schema beschriften bzw. löschen, wenn es sich um "Quatschcodes" ohne Inhalt/Auswirkung handelt
Zitat: table.edit_main_table{width: 1255px !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;}
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%;}
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.edit_below_nav{background-image: url();
background-position: center top;}
td.edit_rechts_cbg{background-image:url();border: 0px solid #ffffff;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}
td.edit_rechts_sbg{background-image:url();border: 0px solid #ffffff;}
td.edit_rechts_bottom{background-image:url();border: 0px solid #ffffff;}
td.edit_content_top,td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 25px;text-align:center;}
td.edit_navi_headbg{background-image:url(URL)}
td.nav_heading{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 30px;border: 0px solid #c0c0c0;}
td.edit_rb_footer{background-image:url();height: 15px;border: 0px solid #c0c0c0;}
td.edit_content_bottom2{background-image:url();height: 30px;border: 0px solid #2D3738;}
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 0px; width: 0px;border: 0px
solid #c0c0c0;background-position: center top;}
td.nav_heading{font-family: verdana;font-size: 12px;color: #ffffff;padding-left:26px;text-align: left;}
td.edit_content_main div{overflow: hidden!important;} ______________ Gruß von Sven von
Zuletzt bearbeitet von sifle am 14.02.2017, 16:42, insgesamt 3-mal bearbeitet
|
|
|
↑
|
|
 |
|
|
|
|
↑
|
|
|
|
|
23.01.2017 um 15:08 (UTC)
Titel: |
|
|
Die Idee hatte ich auch schon ;O)
Bleibt mir wohl nichts anderes übrig. Danke! ______________ Gruß von Sven von
|
|
|
↑
|
|
|
|
|
14.02.2017 um 12:35 (UTC)
Titel: |
|
|
Hallo zusammen,
ich bin schon ganz schön weit gekommen. Allerdings hab ich immer noch einige Codes, mit denen ich nichts anfangen kann.
Hat einer Lust/Tipps?
Code:
table.edit_main_table{width: 1255px !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;}
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%;}
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.edit_below_nav{background-image: url();
background-position: center top;}
td.edit_rechts_cbg{background-image:url();border: 0px solid #ffffff;}
td.edit_rechts_sbg{background-image:url();border: 0px solid #ffffff;}
td.edit_rechts_bottom{background-image:url();border: 0px solid #ffffff;}
td.edit_navi_headbg{background-image:url(URL)}
td.edit_content_main div{overflow: hidden!important;} ______________ Gruß von Sven von
|
|
|
↑
|
|
|
-
klein-paris
|
14.02.2017 um 13:27 (UTC)
Titel: |
|
|
sifle hat Folgendes geschrieben: Hallo zusammen,
ich bin schon ganz schön weit gekommen. Allerdings hab ich immer noch einige Codes, mit denen ich nichts anfangen kann.
Hat einer Lust/Tipps? |
|
|
↑
|
|
|
|
|
14.02.2017 um 13:40 (UTC)
Titel: |
|
|
Jupp, genau darum geht es.
Bin schon wieder ein bisschen weiter. Wobei mir die einzelnen Funktionen nichts sagen. Mir geht es aber hauptsächlich um die Kategorisierung: /* Wozu das gut ist */
Ist eben blöd, wenn man über die Jahre Codes sammelt ohne eine peile davon zu haben 
Code: /* Iceblue verbreitern */
table.edit_main_table{width: 1255px !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
td.edit_main_tr{width: 100% !important;height: 0px !important;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
/* Iceblue verbreitern Feld hinter Textfeld */
table.edit_rechts_tabelle{width: 100% !important;}
/* Iceblue verbreitern dunkle Feld unter / hinter Textfeld */
td.edit_rechts_cbg{width:100%;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_cbg{background-image:url();border: 0px solid #ffffff;}
/* Streifen rechts neben der ganzen Seite */
td.edit_rechts_sbg{background-image:url();border: 0px solid #ffffff;}
td.edit_navi_headbg{width: 5% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}
td.edit_below_nav{background-image: url();
background-position: center top;}
td.edit_rechts_bottom{background-image:url();border: 0px solid #ffffff;}
td.edit_navi_headbg{background-image:url(URL)}
td.edit_content_main div{overflow: hidden!important;} ______________ Gruß von Sven von
|
|
|
↑
|
|
|
|
|
14.02.2017 um 13:51 (UTC)
Titel: |
|
|
|
|
|
↑
|
|
|
|
|
14.02.2017 um 14:24 (UTC)
Titel: |
|
|
Hi Gringo
Ein Traum! Danke! Sieht schon viel besser aus.
Jetzt ist nur noch einer offen: Code: td.edit_content_main div{overflow: hidden!important;}
Dann kann geclosed werden
Der Rest ist jetzt zumindest strukturiert. Wobei ich vermute, dass viele Codes unnötig sind oder nur dafür sorgen, dass ein Element gar nicht dargestellt wird.
Code: <style type="text/css">
<!--
td.edit_content_main div{overflow: hidden!important;}
/* Feld hinter Navi */
td.edit_navi_headbg{width: 5% !important;}
td.edit_navi_headbg{height: 0px !important;}
td.edit_navi_headbg{background-image:url(URL)}
/* Rechte Boxen Feld dahinter */
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_rechts_bottom{background-image:url();border: 0px solid #ffffff;}
/* Abschluss unter der Navigation */
td.edit_below_nav{background-image: url();
background-position: center top;}
/* Iceblue verbreitern */
table.edit_main_table{width: 1255px !important;}
td.edit_main_tr{width: 100% !important;height: 0px !important;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
/* Homepage zentriert */
table.edit_main_table{margin: 0 auto;}
/* Iceblue verbreitern Feld hinter Textfeld */
table.edit_rechts_tabelle{width: 100% !important;}
/* Iceblue verbreitern dunkle Feld unter / hinter Textfeld */
td.edit_rechts_cbg{width:100%;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_cbg{background-image:url();border: 0px solid #ffffff;}
/* Streifen rechts neben der ganzen Seite */
td.edit_rechts_sbg{background-image:url();border: 0px solid #ffffff;}
/* Überschrift im Header ist unsichtbar */
td.headline{visibility: hidden;}
/* Titeltext über Seiteninhalt */
td.headline2 {
color: #ffffff;
font-size: 14px;
text-align:center;
font-weight: bold;
font-family: verdana; }
/* Bild als Header */
td.edit_header_full{background-image:url(http://img.webme.com/pic/s/sifle/headeraug2010test3.jpg);background-color:#194D63;width:
2000px; height: 104px;background-position: center top;border: 5px solid #39849B;}
/* Hintergrund für den Content */
td.edit_content{background-image:url(http://img.webme.com/pic/s/sifle/lavender.jpg);background-color:#c0c0c0;border: 5px solid #232B2B;}
/* Lücke in der Navigation hinter einem Menüpunkt - https://www.homepage-baukasten.de/forum/viewtopic.php?t=145954 */
#nav_Startpunkt,
#nav_Saulecker,
#nav_SchweineTV,
#nav_Kontakt
{
padding-bottom: 10px;
position: relative;
}
#nav_Startpunkt:after,
#nav_Saulecker:after,
#nav_SchweineTV:after,
#nav_Kontakt:after
{
position: absolute;
bottom: 0;
left: 0;
height: 10px;
width: 200px;
content: ".";
color: transparent;
background-image: url(http://img.webme.com/pic/s/sifle/hintergrund.jpg);
}
/* Navigation Überschrift Hintergrund*/
td.nav_heading{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 30px;border: 0px solid #c0c0c0;}
/* Navigation Überschrift Schriftart*/
td.nav_heading{font-family: verdana;font-size: 12px;color: #ffffff;padding-left:26px;text-align: left;}
/* Navigation Hoover Effekt */
td.nav:hover{background-image: url(http://img.webme.com/pic/s/sifle/lavender.jpg);width:
185px;height: 22px;border: 0px solid #2D3738;}
/* Navigation Hintergrund */
td.nav{background-image: url(http://img.webme.com/pic/s/sifle/nav.jpg);width:
185px;height: 22px;border: 0px solid #2D3738;}
/* Navigation Linkschrift */
td.nav a{
font-family: verdana;
font-size: 13px;
color: #000000;
text-decoration: none}
/* Navigation aktuelle Seite wird markiert */
tr.checked_menu td a{
font-size: 13px;
font-family: verdana;
font-weight: bold;
color: #000000;
text-decoration: underline; }
/* Navigation gilt der gesamte Block statt nur der Text als Link */
td.nav a {display:block; }
/* Navigation Bild darunter unsichtbar */
td.edit_below_nav img{visibility: hidden;}
/* Hintergrund der kompletten Seite */
body{background-color:#343434;
background-image:url(http://img.webme.com/pic/s/sifle/hintergrund.jpg); }
body {background-attachment:fixed;border: 0px solid #c0c0c0;}
/* Rechte Boxen Formatierung */
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://img.webme.com/pic/s/sifle/lavender.jpg);
background-repeat:repeat;
font-family: verdana;font-size: 12px;
color:#000000;border: 0px solid #2D3738;}
/* Rechte Boxen Ueberschrift */
td.sidebar_heading {
color:#ffffff;
font-size:14px;
font-family:verdana;
font-weight: bold;
text-align:center;
}
/* Rechte Boxen Überschrift */
td.sidebar_heading{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 30px;}
/* Bild unter den rechten Boxen */
td.edit_rb_footer{background-image:url();height: 15px;border: 0px solid #c0c0c0;}
/* Verbreiterung rechte Box Facebook Like Button */
td.shouty_facebook_like_button iframe {width:190px!important;}
/* Hintergrundfarbe rechte Box Facebook Like Button */
td.shouty_facebook_like_button{
background-image:url(http://img.webme.com/pic/s/sifle/lavender.jpg);
background-repeat:repeat;
font-family: verdana;font-size: 12px;
color:#000000;border: 0px solid #2D3738;}
/* Überschrift über dem Content */
td.edit_content_top,td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 25px;text-align:center;}
/* Unterschrift unter dem dem Content */
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 25px; width: 25px;border: 0px
solid #c0c0c0;background-position: center top;}
/* Unterschrift unter dem dem Content wo der Zähler drinsteht */
td.edit_content_bottom2{background-image:url();height: 30px;border: 0px solid #2D3738;}
/* Verbreiterung der rechten Boxen */
#sidebar_heading_1, #sidebar_heading_2, #sidebar_heading_3, #sidebar_heading_4, #sidebar_heading_5 {
width: 200px;
}
/* Verbreiterung der Navigation */
td.edit_navi_headbg table {
width: 200px;
}
/* Textfarbe - Schriftart - Textgröße ALLGEMEIN im Content */
div {
color: #000000;
font-size: 13px;
font-family: verdana; }
/* H1 Textfarbe - Schriftart - Textgröße */
H1 {
color: #000000;
font-size: 26px;
font-family: verdana; }
/* H2 Textfarbe - Schriftart - Textgröße */
H2 {
color: #000000;
font-size: 20px;
font-family: verdana; }
/* H3 Textfarbe - Schriftart - Textgröße */
H3 {
color: #000000;
font-size: 14px;
font-family: verdana;
font-weight: bold; }
/* S1 Textfarbe - Schriftart - Textgröße */
S1 {
color: #228b22;
font-size: 13px;
font-family: verdana;
font-weight: bold; }
/* S2 Textfarbe - Schriftart - Textgröße */
S2 {
color: #ffa500;
font-size: 13px;
font-family: verdana;
font-weight: bold; }
/* S3 Textfarbe - Schriftart - Textgröße */
S3 {
color: #dc143c;
font-size: 13px;
font-family: verdana;
font-weight: bold; }
/* Links Textfarbe - Schriftart - Textgröße */
a:link {
color: #0000FF;
font-size: 13px;
font-family: verdana; }
a:visited {
color: #4169E1;
font-size: 13px;
font-family: verdana; }
a:hover {
color: #4169E1;
font-size: 13px;
font-family: verdana; }
/* iframes - Filme - Rahmen */
iframe {
border-width: 5px;
border-style: solid;
border-color: #708090;
}
/* Bilder - Rahmen */
img.standard {
color: #2F4F4F;
border-width: 5px;
border-style: solid;
}
/* Knoepfe */
img.knopf {
color: #000000;
border-width: 1px;
border-style: solid;
}
/* Thementipp*/
img.tipp{
color: #000000;
border-width: 2px;
border-style: solid;
}
/* Grundsteine */
.edit_content_main { position: relative; }
#grundstein { position:absolute;right:-15px;top:5px;font-size:10px;text-align:center; }
-->
</style> ______________ Gruß von Sven von
|
|
|
↑
|
|
|
|
|
|
|
↑
|
|
|
|
|
14.02.2017 um 15:36 (UTC)
Titel: |
|
|
Dank dir! ______________ Gruß von Sven von
|
|
|
↑
|
|
|
|
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
