Suche im Forum:
Suchen


Autor Nachricht
Beitrag02.01.2009 um 17:20 (UTC)    
Titel: [erledigt]Design erstellen (CSS)

hi,
wie ertellt ihr ein Design?

Wenn ihr unter design einstellen "CSS Design auswählt, müsst ihr ja einen Code einfügen damit das design erscheint. Und ich kann mir nich vorstellen das ihr ein Design Bildlich im Kopf habt und dann einfach daraus einen Code schreiben könnt. Daraus folgt; das man ein Programm hat!?
Ich möchte gerne wissen welches Programm ihr dafür verwendet!?

mfg


Zuletzt bearbeitet von habboterm am 05.01.2009, 19:21, insgesamt einmal bearbeitet
Beitrag02.01.2009 um 17:27 (UTC)    
Titel:

Gibts mehrere programme, ich persönlich nutze Adobes Dreamweaver 3.
Beitrag02.01.2009 um 17:46 (UTC)    
Titel:

und meines erachtens kostet das geld oder gibts das irgendwo zum kostenlosen download?

mfg
Beitrag02.01.2009 um 18:20 (UTC)    
Titel:

Ja gibt es ...
Du kannst dir 30 Tage testversionen Auf Adobe.com
downloaden!
______________

Twitter
Beitrag02.01.2009 um 20:51 (UTC)    
Titel:

Coden kann man lernen. Ich hab zum Beispiel auf meiner Seite hpbk-sachen.de.tl, dort ist der Code unter der Seite "CSS?", und dort sind alle Stellen mit einer Zahl makiert. Die Zahlen werden durch die jeweilige Adresse des Bildes ersetzt. Welche Stelle du genau bearbeitest, ist unten erklärt;)
http://hpbk-sachen.de.tl/CSS-f-.htm
______________
Ich suche einen Grafiker für meine Page!

Beitrag03.01.2009 um 13:33 (UTC)    
Titel:

ah, danke das is schonmal gut!

und wo krieg ich die Bilder dafür her?

mfg
Beitrag03.01.2009 um 13:37 (UTC)    
Titel:

selbst erstellen
______________

Noch Partner gesucht, bitte über PN melden
"Wennst den Baum siehst, in den Du reinfährst, hast Untersteuern. Wennst ihn nur hörst, hast Übersteuern."

Beitrag03.01.2009 um 13:51 (UTC)    
Titel:

ja aber ich weiß doch garnich wie die aussehen müssen!?

mfg
Beitrag03.01.2009 um 14:08 (UTC)    
Titel:

ja du musst doch ungefähr wissen wie dein design aussehen soll.
Dann erstellst du halt für hintergrund , heder usw. bilder mit paintnet gimp oder so
______________

Noch Partner gesucht, bitte über PN melden
"Wennst den Baum siehst, in den Du reinfährst, hast Untersteuern. Wennst ihn nur hörst, hast Übersteuern."

Beitrag03.01.2009 um 14:21 (UTC)    
Titel:

die roten Zeilen verstehe ich nicht ganz:

<style type="text/css"> <!--
td.nav{background-image:url(01);}
td.nav:hover{background-image:url(02);}

td.nav_heading{background-image:url(03);}
td.edit_rechts_cbg{background-image: url(url);}
body {background-image:url(04);}
td.edit_below_nav{visibility: hidden; width: 0px ;}
td.edit_navi_headbg{background-image: url(URL);}
td.edit_rechts_sbg{visibility: hidden; width: 0px ;}
td.edit_content{background-image: url(URL);}
td.edit_content_top{background-image:url(05);}
[color=red]td.edit_content_top:hover{background-image:url(06);}

td.sidebar_heading{background-image:url(07);}
td.edit_rechts_bottom{background-image: url(url);}[/color]
td.edit_rb_footer{visibility: hidden; width: 0px ;}
td.edit_content_bottom{visibility: hidden; width: 0px ;}
td.edit_content_bottom2{visibility: hidden; width: 0px ;}
td.edit_header_full{background-image: url(0Cool;background-repeat: no-repeat;}
td.shouty{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}
td.shouty2{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}
td.shouty3{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}
td.shouty4{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}
td.shouty5{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}
--> </style>




td.shouty{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}td.shouty2{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}td.shouty3{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;};td.shouty4{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;};td.shouty5{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}


kann mir das jemand genauer erklären?

mfg
Beitrag03.01.2009 um 14:30 (UTC)    
Titel:

nö sry bin auch nur css anfänger

//edit:
Zitat:
td.shouty{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}td.shouty2{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}td.shouty3{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;};td.shouty4{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;};td.shouty5{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}

also soweit ich weiß ist das für die rechte boxen
______________

Noch Partner gesucht, bitte über PN melden
"Wennst den Baum siehst, in den Du reinfährst, hast Untersteuern. Wennst ihn nur hörst, hast Übersteuern."



Zuletzt bearbeitet von fs-tv am 03.01.2009, 15:32, insgesamt einmal bearbeitet
Beitrag03.01.2009 um 14:31 (UTC)    
Titel:

Zitat:
td.nav{background-image:url(01);}
td.nav:hover{background-image:url(02);}
Dieser Code ist für die Navigation zuständig, damit kann man die Buttons austauschen...
Dabei wird der Button bei ":hover" nur dann angezeigt, wenn man mit der Maus drüber fährt.
Zitat:
td.edit_content{background-image: url(URL);}
td.edit_content_top{background-image:url(05);}
[color=red]td.edit_content_top:hover{background-image:url(06);}
"edit_content" ist für den Hintergrund des Textfeldes zuständig,
damit kann man den hintergrund des Textfeldes frei gestalten.
"edit_content_top" Ist das Bild über dem Content,
also im Standart Design dieses: http://img.webme.com/designs/iceblue/images/cont_top.gif
Zitat:
td.shouty{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}td.shouty2{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}td.shouty3{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;};td.shouty4{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;};td.shouty5{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}
Dieser Code ist für die rechten Boxen zuständig, aber diesen Code kann man auch so kürzen:
Zitat:
.shouty,.shouty2,.shouty3,.shouty4,.shouty5{color:#FARBE;background-image: url(URL);background-color: #FARBE;border: 3px solid #FARBE;}
mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag03.01.2009 um 14:34 (UTC)    
Titel:

könnte ich eigentlich nicht eifach mit z.B. Gimp 2 meine HP Bildhaft erstellen und dann so als code machen?

mfg
Beitrag03.01.2009 um 14:37 (UTC)    
Titel:

ich hab mir das viel leichter vorgestellt!^^

ich versuchs aber erst mit dem vorgegebenem code!^^

und ist das egal wie groß z.B. edit_content oder so ist?

mfg
Beitrag03.01.2009 um 15:57 (UTC)    
Titel:

ist das für nr.1 so richtig?



und ich muss es als .png datei rein machen oder?

aber wo soll ich es hochladen? geht das wenn ich bei Hp-Bk unter Bilder hochlade?

mfg
Beiträge der letzten Zeit anzeigen:   


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