| Autor |
Nachricht |
-
photoshopper-96
|
|
|
↑
|
|
 |
-
badweb
Wohnort: BaWü
|
 07.07.2010 um 19:15 (UTC)
Titel: |
|
|
Bei Fragen und Verbesserungswünschen PM an mich.
Text über dem Design
Code: <div id="header"><img src="http://img.webme.com/pic/b/badnet/ps_header.png">
</div>
<div id="navigation"><a href="http://photoshopper-96.de.tl/Home.htm"><img src="http://img.webme.com/pic/b/badnet/ps_home.png"></a><a href="http://photoshopper-96.de.tl/Tutorials.htm"><img src="http://img.webme.com/pic/b/badnet/ps_tuts.png"></a><a href="http://photoshopper-96.de.tl/Pic-h-s.htm"><img src="http://img.webme.com/pic/b/badnet/ps_pics.png"></a><a href="http://photoshopper-96.de.tl/FAQ.htm"><img src="http://img.webme.com/pic/b/badnet/ps_faq.png"></a><a href="http://photoshopper-96.de.tl/Info-h-s.htm"><img src="http://img.webme.com/pic/b/badnet/ps_infos.png"></a>
</div>
<div id="mittel"><img src="http://img.webme.com/pic/b/badnet/ps_mittel.png">
</div>
<div id="links"><img src="http://img.webme.com/pic/b/badnet/ps_links.png">
</div>
Text unter dem Design
Code: <div id="rechts"><img src="http://img.webme.com/pic/b/badnet/ps_rechts.png">
</div>
<div id="unten"><img src="http://img.webme.com/pic/b/badnet/ps_unten.png">
</div>
<div id="footer"><a href="http://photoshopper-96.de.tl/Impressum.htm"><img src="http://img.webme.com/pic/b/badnet/ps_impr.png"></a><a href="http://photoshopper-96.de.tl/About-me.htm"><img src="http://img.webme.com/pic/b/badnet/ps_about.png"></a><a href="http://photoshopper-96.de.tl/Link-me.htm"><img src="http://img.webme.com/pic/b/badnet/ps_link.png"></a><img src="http://img.webme.com/pic/b/badnet/ps_copy.png">
</div>
Css Code ohne Styletags
Code: * {
margin: 0px;
}
img {
text-decoration: none;
border: 0px solid #fff;
}
body {
width: 710px;
margin: auto;
font-family: sans-serif;
font-size: 12px;
background: #bababa;
}
#header {
width: 700px;
heigth: 186;
float: left;
}
#navigation {
width: 710px;
height: 48px;
float: left;
}
#mittel {
width: 710px;
height: 38px;
float: left;
}
#links {
width: 33px;
height: 322px;
float: left;
}
#content {
width: 589px;
min-height: 322px;
background: url(http://img.webme.com/pic/b/badnet/ps_content.png) repeat-y;
padding-left: 15px;
padding-right: 15px;
float: left;
}
#rechts {
widht: 58px;
height: 322px;
float: left;
}
#unten {
width: 710px;
height: 34px;
float: left;
}
#footer {
width: 710px;
height: px;
margin-bottom: 20px;
float: left;
}
#header_container {display:none;}
#nav_container {display:none;}
#counter {display: none;}
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content {display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;} ______________ Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
  |
|
|
↑
|
|
|
-
badweb
Wohnort: BaWü
|
10.07.2010 um 20:53 (UTC)
Titel: |
|
|
Code: <div id="header"><img src="http://img.webme.com/pic/b/badnet/ps_header.png">
</div>
<div id="navigation"><a href="http://photoshopper-96.de.tl/Home.htm"><img src="http://img.webme.com/pic/b/badnet/ps_home.png"></a><a href="http://photoshopper-96.de.tl/Tutorials.htm"><img src="http://img.webme.com/pic/b/badnet/ps_tuts.png"></a><a href="http://photoshopper-96.de.tl/Pic-h-s.htm"><img src="http://img.webme.com/pic/b/badnet/ps_pics.png"></a><a href="http://photoshopper-96.de.tl/FAQ.htm"><img src="http://img.webme.com/pic/b/badnet/ps_faq.png"></a><a href="http://photoshopper-96.de.tl/Info-h-s.htm"><img src="http://img.webme.com/pic/b/badnet/ps_infos.png"></a>
</div>
Text unter dem Design:
Code: <div id="footer"><a href="http://photoshopper-96.de.tl/Impressum.htm"><img src="http://img.webme.com/pic/b/badnet/ps_impr.png"></a><a href="http://photoshopper-96.de.tl/About-me.htm"><img src="http://img.webme.com/pic/b/badnet/ps_about.png"></a><a href="http://photoshopper-96.de.tl/Link-me.htm"><img src="http://img.webme.com/pic/b/badnet/ps_link.png"></a><img src="http://img.webme.com/pic/b/badnet/ps_copy.png">
</div>
Css Code ohne Styletags:
Code: * {
margin: 0px;
}
img {
text-decoration: none;
border: 0px solid #fff;
}
body {
width: 710px;
margin: auto;
font-family: sans-serif;
font-size: 12px;
background: #bababa;
}
#header {
width: 700px;
heigth: 186;
float: left;
}
#navigation {
width: 710px;
height: 48px;
float: left;
}
#content_container {
width: 710px;
float: left;
}
#pre_content {
width: 710px;
height: 28px;
background: url(http://img.webme.com/pic/b/badnet/ps_pre_content.png) no-repeat;
}
#content {
width: 600px;
min-height: 300px;
background: url(http://img.webme.com/pic/b/badnet/ps_content.png) repeat-y;
padding-left: 40px;
padding-right: 70px;
}
#post_content {
height: 32px;
width: 710px;
background: url(http://img.webme.com/pic/b/badnet/ps_post_content.png) no-repeat;
}
#footer {
width: 710px;
height: px;
margin-bottom: 20px;
float: left;
}
#header_container {display:none;}
#nav_container {display:none;}
#counter {display: none;}
#pre_header {display:none;}
#post_header {display:none;}
#below_content {display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;} ______________ Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
|
|
|
↑
|
|
|
-
photoshopper-96
|
10.07.2010 um 21:23 (UTC)
Titel: |
|
|
jo mach ich , danke |
|
|
↑
|
|
|
-
ambience-guardian
|
|
|
↑
|
|
|
-
timpen-test
|
|
|
↑
|
|
|
-
badweb
Wohnort: BaWü
|
11.07.2010 um 12:28 (UTC)
Titel: |
|
|
ambience-guardian hat Folgendes geschrieben: Ich würde beim Text des Contents noch eine maximale Breite angeben.
Code: #content {
width: 600px;
Oder was meinst du?
timpen-test hat Folgendes geschrieben: Hallo
ich wollte mal fargen wo ich alle angaben zu den css designs finde
Wie meinen?
Es gibt im HpBk nur ein Css Design.
Die Anweisungen/Befehle findest du hier:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=102656
Andere Css Designs u.a. hier:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=111475______________ Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
|
|
|
↑
|
|
|
-
timpen-test
|
11.07.2010 um 15:00 (UTC)
Titel: |
|
|
Danke für deine Antwort.
ich kann CSS aber ich kenne nicht alle Befehle die man hier im HPBK anwenden kann.
Kann mir jemand sagen wozu diese Klassen gut sind?
#pre_content
#pre_header
#post_header
#post_content
#below_content
#extraDiv2
#extraDiv3
#extraDiv4
#extraDiv5
#extraDiv6 ______________ http://modellbau-timpen.de.tl <= Modellbau
http://wolles-modellbahn.de.tl <= Eisenbahn
Zuletzt bearbeitet von timpen-test am 11.07.2010, 16:01, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
badweb
Wohnort: BaWü
|
11.07.2010 um 17:29 (UTC)
Titel: |
|
|
Du kannst sämtliche Css Befehle auch im HpBk nutzen.
Die in dem Thread angegebenen sind nur die Meistgenutzen.
#pre_ und #post_content werden für einen dynamischen Content benötigt.
Selbes gilt für #pre_ und #post_header.
#below_content ist "Hinweise unter dem Design (z.B Copyright)".
Wofür die extraDivs gut sind kann ich dir leider nicht sagen, hab ich noch nie verwendet/gebraucht. ______________ Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
|
|
|
↑
|
|
|
-
photoshopper-96
|
12.07.2010 um 16:22 (UTC)
Titel: |
|
|
Vielen dank nochmal, find ich echt hammer von dir |
|
|
↑
|
|
|
-
badweb
Wohnort: BaWü
|
12.07.2010 um 18:03 (UTC)
Titel: |
|
|
So das sollte es jetzt aber sein:
Die letzten drei Designteile habe ich auf imageschack hochgeladen, also nicht wundern wenn es vielleicht zu Verzögerungen beim Laden der Grafiken kommt.
Lade die Bilder wenn die webme Server wieder richtig arbeiten einfach auf dein Konto hoch und ändere die URLs.
Text über dem Design
Code: <div id="header"><img src="http://img.webme.com/pic/b/badnet/ps_header.png">
</div>
<div id="navigation"><a href="http://photoshopper-96.de.tl/Home.htm"><img src="http://img.webme.com/pic/b/badnet/ps_home.png"></a><a href="http://photoshopper-96.de.tl/Tutorials.htm"><img src="http://img.webme.com/pic/b/badnet/ps_tuts.png"></a><a href="http://photoshopper-96.de.tl/Pic-h-s.htm"><img src="http://img.webme.com/pic/b/badnet/ps_pics.png"></a><a href="http://photoshopper-96.de.tl/FAQ.htm"><img src="http://img.webme.com/pic/b/badnet/ps_faq.png"></a><a href="http://photoshopper-96.de.tl/Info-h-s.htm"><img src="http://img.webme.com/pic/b/badnet/ps_infos.png"></a>
</div>
<div id="strich"><img src="http://img22.imageshack.us/img22/4685/psstrich.png">
</div>
<div id="myContainer">
Text unter dem Design Code:
</div>
<div id="footer"><a href="http://photoshopper-96.de.tl/Impressum.htm"><img src="http://img.webme.com/pic/b/badnet/ps_impr.png"></a><a href="http://photoshopper-96.de.tl/About-me.htm"><img src="http://img.webme.com/pic/b/badnet/ps_about.png"></a><a href="http://photoshopper-96.de.tl/Link-me.htm"><img src="http://img.webme.com/pic/b/badnet/ps_link.png"></a><img src="http://img.webme.com/pic/b/badnet/ps_copy.png">
</div>
Css Code ohne Styletags
Code: * {
margin: 0px;
}
img {
text-decoration: none;
border: 0px solid #fff;
}
body {
width: 710px;
margin: auto;
font-family: sans-serif;
font-size: 12px;
background: #bababa;
}
#header {
width: 710px;
heigth: 186;
float: left;
}
#navigation {
width: 710px;
height: 48px;
float: left;
}
#strich {
width: 710px;
height: 3px;
float: left;
}
#myContainer {
width: 710px;
background: url(http://img717.imageshack.us/img717/8480/pscontainer.png) repeat-y;
float: left;
}
#content {
width: 609px;
min-height: 300px;
margin: auto;
margin-bottom: 20px;
margin-top: 20px;
overflow: auto;
background: url(http://img707.imageshack.us/img707/3193/pscontent.png) repeat-y;
padding: 5px;
}
#footer {
width: 710px;
height: px;
margin-bottom: 20px;
float: left;
}
#header_container {display:none;}
#nav_container {display:none;}
#counter {display: none;}
#pre_header {display:none;}
#post_header {display:none;}
#below_content {display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;} ______________ Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
|
|
|
↑
|
|
|
-
photoshopper-96
|
12.07.2010 um 19:21 (UTC)
Titel: |
|
|
Alles perfekt , danke brow
ok so jetzt gehts ans texte schreiben
danke man |
|
|
↑
|
|
|
|
