Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag23.11.2012 um 14:18 (UTC)    
Titel: Hilfe CSS-Design

guten tag ich bräucht etwas hilfe.
ich habe ein design von turbopage.de.tl und würde da gern dasbackgroundbild ändern, Wo kann ich das in diesem Design ändern?

hier mal der code:
Code:
*Dieses Design wurde von www.turbopage.de.tl gecodet**Wir bieten in unserer Designerbase noch viele weitere kostenlose Designs an****www.turbopage.de.tl***------------------------------------------------------------------------  #extraDiv1 { display:none; }  #extraDiv2 { display:none; }  #extraDiv3 { display:none; }  #extraDiv4 { display:none; }  #extraDiv5 { display:none; }  #extraDiv6 { display:none; }  #pre_header { display:none; }  #post_header { display:none; }  #pre_content { display:none; }  #nav_heading { display:none; }  #nav { display:none; }  div.header { display:none; }  h1#title { display:none; }  h2#title span { display:none; }  td[height="102"] { position:absolute; left:50%; margin-left:-384px; }  #counter{ position:absolute; left:50%; top:300px; left: 800px;}    @charset "utf-8";body {   margin:0;   padding:0;   width:100%;   color:#5f5f5f;   font:normal 12px/1.8em Arial, Helvetica, sans-serif;}html, .main {   padding:0;   margin:0;   background-color:#383a3b;}.clr {   clear:both;   padding:0;   margin:0;   width:100%;   font-size:0;   line-height:0;}.logo {   padding:4px 0 4px 40px;   float:left;   width:auto;}h1 {   margin:0;   padding:16px 0;   color:#386baa;   font:normal 38px/1.2em Arial, Helvetica, sans-serif;   letter-spacing:-2px;}h1 a, h1 a:hover {   color:#386baa;   text-decoration:none;}h1 span {   color:#fff;   font-weight:bold;}h1 small {   padding:0;   font:normal 16px/1.2em Arial, Helvetica, sans-serif;   letter-spacing:normal;   color:#fff;}h2 {   font:bold 24px Arial, Helvetica, sans-serif;   padding:8px 0;   margin:8px 0;   color:#4f5452;}p {   margin:8px 0;   padding:0 0 8px 0;   font:normal 12px/1.8em Arial, Helvetica, sans-serif;}a {   color:#2b5e9d;   text-decoration:underline;}.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {   margin:0;   padding:0;}.fbg_resize {   margin:0 auto;   padding:0 40px;   width:890px;}.header_resize {   margin:0 auto;   padding:0;   width:970px;}.hbg {   background:url(http://www.loaditup.de/files/710006_b28s39nqrs.gif) repeat-x top;   height:256px;}.hbg_resize {   margin:0 auto;   padding:187px 0 0;   width:970px;   background:url(http://www.loaditup.de/files/710007_45zgwbf2uz.jpg) no-repeat top;   height:256px;}.menu_nav {   margin:0;   padding:20px 28px;   background:url(http://www.loaditup.de/files/710008_ebg3wwgm9s.gif) repeat-x top;   height:69px;}.menu_nav ul {   list-style:none;}.menu_nav ul li {   margin:0;   padding:0 16px 0 0;   float:left;}.menu_nav ul li a {   display:block;   margin:0;   padding:4px 16px;   color:#4b4b4b;   text-decoration:none;   font-size:14px;}.menu_nav ul li a {   border-radius:8px;   -moz-border-radius:8px;   -webkit-border-radius:8px;}.menu_nav ul li.active a, .menu_nav ul li a:hover {   background:#f00 url(http://www.loaditup.de/files/710009_29q6c9y2d2.gif) repeat-x center;   color:#fff;}.searchform {}#formsearch {   margin:0;   padding:20px 16px 48px 0;}#formsearch span {   display:block;   margin:6px 0;   padding:0 8px 0 11px !important;   padding:0 4px 0 6px;   float:right;   width:183px;   background:#fff url(http://www.loaditup.de/files/710011_gn4yspb3nz.gif) no-repeat top left;}#formsearch input.editbox_search {   margin:0;   padding:5px 0;   float:left;   width:180px;   height:20px;   border:none;   background:none;   font:normal 13px/20px Arial, Helvetica, sans-serif;   color:#a8acb2;}#formsearch input.button_search {   margin:6px 0 0 0;   padding:0;   border:none;   float:right;}.content_resize {   margin:0 auto;   padding:0;   width:970px;   background-color:#fff;   border-top:1px solid #e8e8e8;}.content .mainbar {   margin:0;   padding:0;   float:right;   width:670px;}.content .mainbar img {   padding:4px;   border:1px solid #b7b7b7;}.content .mainbar img.fl {   margin:4px 16px 4px 0;   float:left;}.content .mainbar .article {   margin:0;   padding:16px 24px 24px 40px;}.content .sidebar {   padding:0;   float:left;   width:300px;}.content .sidebar .gadget {   margin:0;   padding:16px 16px 24px 40px;}ul.sb_menu, ul.ex_menu {   margin:0;   padding:0;   list-style:none;   color:#959595;}ul.sb_menu li, ul.ex_menu li {   margin:0;}ul.sb_menu li {   padding:4px 0 4px 12px;   width:220px;}ul.ex_menu li {   padding:4px 0 8px 12px;}ul.sb_menu li a, ul.ex_menu li a {   color:#5f5f5f;   text-decoration:none;   margin-left:-12px;   padding-left:12px;}ul.sb_menu li a:hover, ul.ex_menu li a:hover {   color:#2b5e9d;   font-weight:bold;}ul.sb_menu li a:hover {   text-decoration:underline;}ul.ex_menu li a:hover {   text-decoration:none;}.content .mainbar .comment {   margin:0;   padding:16px 0 0 0;}.content .mainbar .comment img.userpic {   border:1px solid #dedede;   margin:10px 16px 0 0;   padding:0;   float:left;}.fbg_resize {   padding:24px 40px;   color:#fff;   background-color:#525657;}.fbg h2, .fbg a {   color:#fff;}.fbg img {   padding:4px;   border:1px solid #cfd2d4;   background-color:#fff;}.fbg .col {   margin:0;   float:left;}.fbg .c1 {   padding:0 16px 0 0;   width:256px;}.fbg .c2 {   padding:0 16px;   width:290px;}.fbg .c3 {   padding:0 0 0 16px;   width:280px;}.fbg .c1 img {   margin:8px 16px 8px 0;}.fbg .c3 img {   margin:8px 16px 4px 0;   float:left;}.footer {   background:#f00 url(http://www.loaditup.de/files/710015_494pv5bpyc.gif) repeat-x top;   color:#727272;}.footer a {   color:#727272;}.footer a:hover {   text-decoration:none;}.footer_resize {   margin:0 auto;   padding:32px 40px 24px;   width:890px;}.footer .lf {   margin:0;   padding:4px 0;   float:left;}.footer .rf {   margin:0;   padding:4px 0;   float:right;}ol {   list-style:none;}ol li {   display:block;   clear:both;}ol li label {   display:block;   margin:0;   padding:16px 0 0 0;}ol li input.text {   width:480px;   border:1px solid #c0c0c0;   margin:2px 0;   padding:5px 2px;   height:16px;   background:#fff;}ol li textarea {   width:480px;   border:1px solid #c0c0c0;   margin:2px 0;   padding:2px;   background:#fff;}ol li .send {   margin:16px 0 0 0;}   

--------------------------------------------------------------------------------


Ich würde mich freuen wenn ihr mir helfen würdet.

mlg farmleben


Zuletzt bearbeitet von Farmleben am 23.11.2012, 16:42, insgesamt einmal bearbeitet
Beitrag23.11.2012 um 18:05 (UTC)    
Titel: Re: Hilfe CSS-Design

Hallo,

ich habe mal den Code entsprechend ergänzt:
Farmleben hat Folgendes geschrieben:
*Dieses Design wurde von www.turbopage.de.tl gecodet**Wir bieten in unserer Designerbase noch viele weitere kostenlose Designs an****www.turbopage.de.tl***------------------------------------------------------------------------ #extraDiv1 { display:none; } #extraDiv2 { display:none; } #extraDiv3 { display:none; } #extraDiv4 { display:none; } #extraDiv5 { display:none; } #extraDiv6 { display:none; } #pre_header { display:none; } #post_header { display:none; } #pre_content { display:none; } #nav_heading { display:none; } #nav { display:none; } div.header { display:none; } h1#title { display:none; } h2#title span { display:none; } td[height="102"] { position:absolute; left:50%; margin-left:-384px; } #counter{ position:absolute; left:50%; top:300px; left: 800px;} @charset "utf-8"; body { background-image:url(http://seite.de/bild.jpg); margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}html, .main { padding:0; margin:0; background-color:#383a3b;}.clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0;}.logo { padding:4px 0 4px 40px; float:left; width:auto;}h1 { margin:0; padding:16px 0; color:#386baa; font:normal 38px/1.2em Arial, Helvetica, sans-serif; letter-spacing:-2px;}h1 a, h1 a:hover { color:#386baa; text-decoration:none;}h1 span { color:#fff; font-weight:bold;}h1 small { padding:0; font:normal 16px/1.2em Arial, Helvetica, sans-serif; letter-spacing:normal; color:#fff;}h2 { font:bold 24px Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#4f5452;}p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}a { color:#2b5e9d; text-decoration:underline;}.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}.fbg_resize { margin:0 auto; padding:0 40px; width:890px;}.header_resize { margin:0 auto; padding:0; width:970px;}.hbg { background:url(http://www.loaditup.de/files/710006_b28s39nqrs.gif) repeat-x top; height:256px;}.hbg_resize { margin:0 auto; padding:187px 0 0; width:970px; background:url(http://www.loaditup.de/files/710007_45zgwbf2uz.jpg) no-repeat top; height:256px;}.menu_nav { margin:0; padding:20px 28px; background:url(http://www.loaditup.de/files/710008_ebg3wwgm9s.gif) repeat-x top; height:69px;}.menu_nav ul { list-style:none;}.menu_nav ul li { margin:0; padding:0 16px 0 0; float:left;}.menu_nav ul li a { display:block; margin:0; padding:4px 16px; color:#4b4b4b; text-decoration:none; font-size:14px;}.menu_nav ul li a { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}.menu_nav ul li.active a, .menu_nav ul li a:hover { background:#f00 url(http://www.loaditup.de/files/710009_29q6c9y2d2.gif) repeat-x center; color:#fff;}.searchform {}#formsearch { margin:0; padding:20px 16px 48px 0;}#formsearch span { display:block; margin:6px 0; padding:0 8px 0 11px !important; padding:0 4px 0 6px; float:right; width:183px; background:#fff url(http://www.loaditup.de/files/710011_gn4yspb3nz.gif) no-repeat top left;}#formsearch input.editbox_search { margin:0; padding:5px 0; float:left; width:180px; height:20px; border:none; background:none; font:normal 13px/20px Arial, Helvetica, sans-serif; color:#a8acb2;}#formsearch input.button_search { margin:6px 0 0 0; padding:0; border:none; float:right;}.content_resize { margin:0 auto; padding:0; width:970px; background-color:#fff; border-top:1px solid #e8e8e8;}.content .mainbar { margin:0; padding:0; float:right; width:670px;}.content .mainbar img { padding:4px; border:1px solid #b7b7b7;}.content .mainbar img.fl { margin:4px 16px 4px 0; float:left;}.content .mainbar .article { margin:0; padding:16px 24px 24px 40px;}.content .sidebar { padding:0; float:left; width:300px;}.content .sidebar .gadget { margin:0; padding:16px 16px 24px 40px;}ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}ul.sb_menu li, ul.ex_menu li { margin:0;}ul.sb_menu li { padding:4px 0 4px 12px; width:220px;}ul.ex_menu li { padding:4px 0 8px 12px;}ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; margin-left:-12px; padding-left:12px;}ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#2b5e9d; font-weight:bold;}ul.sb_menu li a:hover { text-decoration:underline;}ul.ex_menu li a:hover { text-decoration:none;}.content .mainbar .comment { margin:0; padding:16px 0 0 0;}.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}.fbg_resize { padding:24px 40px; color:#fff; background-color:#525657;}.fbg h2, .fbg a { color:#fff;}.fbg img { padding:4px; border:1px solid #cfd2d4; background-color:#fff;}.fbg .col { margin:0; float:left;}.fbg .c1 { padding:0 16px 0 0; width:256px;}.fbg .c2 { padding:0 16px; width:290px;}.fbg .c3 { padding:0 0 0 16px; width:280px;}.fbg .c1 img { margin:8px 16px 8px 0;}.fbg .c3 img { margin:8px 16px 4px 0; float:left;}.footer { background:#f00 url(http://www.loaditup.de/files/710015_494pv5bpyc.gif) repeat-x top; color:#727272;}.footer a { color:#727272;}.footer a:hover { text-decoration:none;}.footer_resize { margin:0 auto; padding:32px 40px 24px; width:890px;}.footer .lf { margin:0; padding:4px 0; float:left;}.footer .rf { margin:0; padding:4px 0; float:right;}ol { list-style:none;}ol li { display:block; clear:both;}ol li label { display:block; margin:0; padding:16px 0 0 0;}ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}ol li .send { margin:16px 0 0 0;}

--------------------------------------------------------------------------------

Das Rote hinzufügen und an der blau markierten Stelle die Bildadresse einfügen.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag23.11.2012 um 20:45 (UTC)    
Titel:

Ich danke für deine Hilfe

Ich habe jetzt ein neues problem im Hintergrund vom Header und rechts und links vom Textfeld ist alles grau. Ich will dieses durchsichtig machen so das der hintergrund zu sehen ist. Wie kann ich das machen an welcher Stelle muss ich das abändern?

Ich danke schonmal im Vorraus.

mlg farmleben
Beitrag23.11.2012 um 20:55 (UTC)    
Titel:

Schau mal nach
Code:
html, .main {
    background-color: #383A3B;
    margin: 0;
    padding: 0;
}

und entferne background-color: #383A3B;.

Dann ist die graue Farbe weg und der Hintergrund sichtbar Wink
______________
mfg SEO
---
Ist ein Thema von dir erledigt, dann schreib das [erledigt] doch BITTE auch in den Titel des ersten Postings rein!
Verwendet sinnvolle und beschreibende Titel. Wer kann mir helfen ... oder Hilfe... sind nur bedingt hilfreich!
Doppelpostings quer durchs Forum finden übrigens nicht nur Moderatoren doof!
Themenfremde Posting in den verschiedenen Kategorien sind ebenso doof und schaffen nur unnötige Arbeit!
Beitrag23.11.2012 um 21:22 (UTC)    
Titel:

Ich danke für deine Hilfe Very Happy

kann geschlossen werden Rolling Eyes


Zuletzt bearbeitet von Farmleben am 23.11.2012, 22:23, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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