Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag18.06.2010 um 13:48 (UTC)    
Titel: >>CODER FÜR DESIGN<<

Hallo , ich bin seit 3 Jahren Photoshopper und würde gerne Tutorials und Bilder auf meiner Homepage anbieten, aber ich kann überhaupt nicht coden, hab mich schon mit Dreamweaver auseinandergesetzt , ich blicke abe r garnicht durch.

Ich wollte fragen ob jemand mein Design coden kann,ist nichts großes , eigtl nur verlinken, content , und BG etc. anpassen.

Hier ist das Design:

Und hier die einzelnden Slices (oder wie es auch heißt):
http://img37.imageshack.us/slideshow/webplayer.php?id=design01.gif

Folgene Links werden dem Design zugeordnet:
Home ->http://photoshopper-96.de.tl/Home.htm
Tutorial's ->http://photoshopper-96.de.tl/Tutorials.htm
Pic's ->http://photoshopper-96.de.tl/Pic-h-s.htm
FAQ ->http://photoshopper-96.de.tl/FAQ.htm
Info's ->http://photoshopper-96.de.tl/Info-h-s.htm
Impressum->http://photoshopper-96.de.tl/Impressum.htm
About me ->http://photoshopper-96.de.tl/About-me.htm
Link me ->http://photoshopper-96.de.tl/Link-me.htm

P.S.: Derjenige der Mir die HP codet wird 1 Monat lang auf der Startseite zu sehen sein
Beitrag07.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.
Beitrag10.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.
Beitrag10.07.2010 um 21:23 (UTC)    
Titel:

jo mach ich , danke
Beitrag11.07.2010 um 09:40 (UTC)    
Titel:

Ich würde beim Text des Contents noch eine maximale Breite angeben.
______________

!!Suche Teilnehmer für den September Award von Ambience Award!!
Beitrag11.07.2010 um 10:56 (UTC)    
Titel:

Hallo

ich wollte mal fargen wo ich alle angaben zu den css designs finde
______________
http://modellbau-timpen.de.tl <= Modellbau
http://wolles-modellbahn.de.tl <= Eisenbahn

Beitrag11.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.
Beitrag11.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
Beitrag11.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.
Beitrag12.07.2010 um 16:22 (UTC)    
Titel:

Vielen dank nochmal, find ich echt hammer von dir
Beitrag12.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.
Beitrag12.07.2010 um 19:21 (UTC)    
Titel:

Alles perfekt , danke brow

ok so jetzt gehts ans texte schreiben
danke man
Beiträge der letzten Zeit anzeigen:   


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