Ich brauch Hilfe bei der Erstellung einer css Datei !!!, bestehende Webseite in sefrengo übertragen |
Willkommen, Gast ( Anmelden | Registrierung ) [ Hilfe | Mitglieder | Suche ]
Ich brauch Hilfe bei der Erstellung einer css Datei !!!, bestehende Webseite in sefrengo übertragen |
Tue. 19. October 2010, 14:16
Beitrag
#1
|
|
Newbie Gruppe: Members Beiträge: 6 Mitglied seit: 21.09.2010 Mitglieds-Nr.: 2.277 |
Ich brauche dringend hilfe beim erstellen des layout und der css datei, vielleicht kann mir jemand die folgenden angaben anpassen, wäre sehr dankbar da ich es einfach nicht hinbekomme.
/* 501 Author: Till Rev: Y. Kollega Version: Dec 2009 */ /* Layout ----------------------------------------------- */ .body { text-align:center;} div#cc-tp-container { width:888px; margin:0 auto; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/bg.png) repeat-y; text-align:left; } * html div#cc-tp-container { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/bg.png'); } div#cc-tp-header { position:relative; width:846px; margin:0 20px 0px 20px; } div#cc-tp-emotion { width:846px; } div#cc-tp-wrapper { width:868px; } div#cc-tp-navi { float:left; width:178px; margin-top:16px; margin-left:7px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/navi.png) top left repeat-y; } * html div#cc-tp-navi { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/navi.png'); } html > body div#cc-tp-navi { margin-left:15px; } div#cc-tp-content { float:left; width:457px; margin:16px 0px 35px 6px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/tent.png) top left repeat-y; } * html div#cc-tp-content { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/tent.png'); } div#cc-tp-sidebar { position:relative; float:left; width:206px; margin:16px 0px 35px 4px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/sidebar_bg.png) top right repeat-y; } div#cc-tp-footer { padding:15px 10px 5px 10px; } div#cc-tp-footer-bg { position:relative; top:7px; width:888px; height:7px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/footer.png) top left no-repeat; } * html div#cc-tp-footer-bg { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/footer.png'); } /* Innenabstaende ----------------------------------------------- */ div#cc-tp-sidebar .cc-tp-gutter { padding:0px 7px 15px 17px; position:relative; } div#cc-tp-content .cc-tp-gutter { padding:0 20px; } div#cc-tp-footer .cc-tp-gutter { padding:0px 15px; } div#cc-tp-button .cc-tp-gutter { padding:0 0 0 11px; } /* Fonts ----------------------------------------------- */ div#cc-tp-footer, div#cc-tp-footer a, div#cc-tp-footer a:visited, div#cc-tp-footer td, div#cc-tp-footer p { color:white; } /* Navigation ----------------------------------------------- */ ul.mainNav1, ul.mainNav2, ul.mainNav3 { margin:0; padding:0; list-style-type:none; } ul.mainNav1 li a { padding: 5px 0; } ul.mainNav2 li a { padding: 5px 0; } ul.mainNav3 li a { padding: 2px 0; } ul.mainNav1 li { display:inline; } ul.mainNav1 li a, ul.mainNav1 li a:visited { display: block; width:156px; margin:0; border-top:1px solid black; outline:none; background:#ccc url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/button_var.png) no-repeat left bottom; text-align:center; text-decoration:none; cursor:pointer; color:white; } ul.mainNav1 li a:hover { color:white; background:#CEB580 url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/mouseover.png) no-repeat left bottom; } * html ul.mainNav1 li a:hover { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/mouseover.png'); } ul.mainNav1 li a.current, ul.mainNav1 li a.current:visited, ul.mainNav1 li a.parent, ul.mainNav1 li a.parent:visited { color:white; background:#CEB580 url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/mouseover.png) no-repeat left bottom; } ul.mainNav2 li a, ul.mainNav2 li a:visited, ul.mainNav3 li a, ul.mainNav3 li a:visited { display: block; width:156px; margin:0; border-top:1px solid black; outline:none; background: #444; filter:none; text-align:center; text-decoration:none; color:white; } ul.mainNav3 li a, ul.mainNav3 li a:visited { font-size:80%; color:#CCC; } ul.mainNav2 li a:hover, ul.mainNav3 li a:hover { filter:none; background:#999; } * html ul.mainNav2 li a:hover, * html ul.mainNav3 li a:hover { filter:none; background:#999; } ul.mainNav2 li a.current, ul.mainNav2 li a.current:visited, ul.mainNav2 li a.parent, ul.mainNav2 li a.parent:visited, ul.mainNav3 li a.current, ul.mainNav3 li a.current:visited { color:#444; filter:none; background:#CEB580; } /* Header Sub-Elements ----------------------------------------------- */ div#cc-tp-header span#cc-tp-btop { position:absolute; z-index:9; left:-7px; top:0; width:860px; height:11px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_t.png) no-repeat left top; } * html div#cc-tp-header span#cc-tp-btop { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_t.png'); } div#cc-tp-header span#cc-tp-bright { position:absolute; z-index:8; left:840px; top:11px; width:13px; height:152px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_r.png) no-repeat left top; } * html div#cc-tp-header span#cc-tp-bright { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_r.png'); } div#cc-tp-header span#cc-tp-bbottom { position:absolute; z-index:7; left:-7px; top:163px; width:860px; height:15px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_b.png) no-repeat left bottom; } * html div#cc-tp-header span#cc-tp-bbottom { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_b.png'); background: none; } div#cc-tp-header span#cc-tp-bleft { position:absolute; left:-7px; top:11px; z-index:6; width:13px; height:152px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_l.png) no-repeat left top; } * html div#cc-tp-header span#cc-tp-bleft { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_l.png'); } /* Navi Sub-Elements ----------------------------------------------- */ div#cc-tp-navi span#cc-tp-top { display:block; width:178px; height:12px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/na_top.png) no-repeat left top; } * html div#cc-tp-navi span#cc-tp-top { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/na_top.png'); } div#cc-tp-navi span#cc-tp-bottom { display:block; width:178px; height:14px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/na_bottom.png) bottom left no-repeat; } * html div#cc-tp-navi span#cc-tp-bottom { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/na_bottom.png'); } /* Content Sub-Elements ----------------------------------------------- */ div#cc-tp-content span#cc-tp-ctop { display:block; width:457px; height:15px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/co_border_t.png) no-repeat left top; } * html div#cc-tp-content span#cc-tp-ctop { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/co_border_t.png'); } div#cc-tp-content span#cc-tp-cbottom { position:relative; display:block; width:457px; height:14px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/co_border_b.png) no-repeat left top; } * html div#cc-tp-content span#cc-tp-cbottom { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/co_border_b.png'); } /* Sidebar Sub-Elements ----------------------------------------------- */ div#cc-tp-sidebar span#cc-tp-sidetop { display:block; width:206px; height:16px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/sid_border_t.png) top left no-repeat; } div#cc-tp-sidebar span#cc-tp-sidebottom { display:block; width:206px; height:16px; background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/sid_border_b.png) top left no-repeat; font-size:0px; } |
|
|
Thu. 4. November 2010, 12:02
Beitrag
#2
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 154 Mitglied seit: 03.07.2006 Mitglieds-Nr.: 91 |
Schau dir doch die Dokumentation Schnelleinstieg Tutorial - Die erste Sefrengo Webseite erstellen an.
Da ist alles sehr gut erklärt. Und bei der Navigation schaust du dir am besten erst mal an, wie das Modul den Code ausgibt und erstellt dann die CSS dementsprechend. |
|
|
Vereinfachte Darstellung | Aktuelles Datum: 27.9.24 - 01:47 |