Autor |
Nachricht |
-
boycooljk
Wohnort: PRIVAT
|
06.12.2011 um 18:41 (UTC) Titel: Generator gesucht |
|
|
hi,
ich kann mit den Iceblue Genrator ja Designs machen,
aber ich möchte jetzt CSS machen.
Nur habe ich keiner lei ahnung von CSS und so.
Kennt ihr ein CSS Generator ?
Wenn es schon Iceblue Generator gibt dann auch CSs oder ? ______________ |
|
↑
|
|
|
|
|
↑
|
|
|
-
thegamingnetwork
|
06.12.2011 um 19:56 (UTC) Titel: |
|
|
Text übern design
<div id="design">
Text untern design
</div>
Css ohne style tags
/* WERBUNG ZENTRIEREN */
table[height="102"] {
margin: auto;}
/* HINTERGRUND */
body {
background-image: url(Hintergrundbild des Designs);
padding: 0px;
margin: 0px;}
/* DESIGN (ERSTELLTES DIV / DIENT ZUR POSITIONIERUNG) */
#design{
width: 1079px;
margin: 0px auto;}
/* CONTAINER */
#container{
width: 921px;
min-height: 1000px;
padding: 0px 79px 100px 79px;
margin: 0px;
float: left;
background-image: url(Bild hinter dem Design bzw darunter);
background-repeat: repeat-y;}
/* CONTENT CONTAINER */
#content_container{
width: 736px;
height: auto;
float: left;}
/* HEADER */
#header_container{
width: 921px;
height: 200px;
float: left;
background-image: url(Hier kommt der Header rein);}
/* NAVIGATION CONTAINER */
#nav_container{
width: 178px;
padding 0px;
margin: 7px;
float: left;}
/* NAVIGATION CONTAINER */
#nav_container{
width: 185px;
padding 0px;
margin: 0px;
float: left;}
/* TITEL NAVIGATION */
#nav_heading{
width: 165px;
height: 28px;
display: block;
padding: 2px 10px 8px 10px;
margin: 0px;
background-image: url(Feld über der Navigation);
color: #FFFFFF;
font-family: tahoma,verdana,arial;
font-size: 14px;
font-weight: normal;
overflow: hidden;}
/* ELEMENT IN DEM SICH NAVIGATIONSLINKS POSTIONIEREN */
#nav {
padding: 0px 0px 40px 0px;
margin: 0px;
background-image: url();
background-position: bottom;}
/* AUFLISTUNG DER NAVIGATIONSLINKS */
#nav li {
width: 135px;
height: 14px;
padding: 8px 25px 11px 25px;
display: block;
background-image: url(Button der Navigation);
list-style-type: none;
color: #FFFFFF;
font-family: tahoma,verdana,arial;
font-size: 14px;
font-weight: normal;
text-decoration: none;
overflow: hidden;}
/* NAVIGATIONELEMENTE SCHIRFT */
li.nav_element a{
height: 14px;
display: block;
padding: 2px 0px 6px 0px;
color: #40ff00;
font-family: tahoma,verdana,arial;
font-size: 14px;
font-weight: normal;}
/* NAVIGATIONELEMENTE HOVER */
#nav li:hover {
background-image:url(Button der Navigation wenn man mit der maus darüber fährt-hover-);
}
#nav li.subpage:hover {
width: 120px;
padding-left: 40px;
padding-right: 25px;
background-image: url(Button der Navigation für unterseiten);
text-align: left;}
/* UNTERSEITEN DER NAVIGATIONSLINKS */
#nav li.subpage {
width: 120px;
padding-left: 40px;
padding-right: 25px;
background-image: url(Button der Navigation wenn man mit der maus darüber fährt für unterseiten -hover-);
text-align: left;}
/* TEXTFELD */
#content{
width: 702px;
height: auto;
padding: 0px 17px 70px 17px;
float: left;
background-image: url(bild für das Textfeld);
background-position: bottom;
color: #000000;
font-family: tahoma,verdana,arial;
font-size: 14px;
font-weight: normal;}
/* TITEL TEXTFELD */
h2#title{
width: 694px;
height: 15px;
display: block;
padding: 14px 20px 10px 20px;
margin: 0px -17px 10px -17px;
background-image: url(Bild zwischen textfeld und header);
overflow: hidden;}
#title span{
color: #40ff00;
font-family: tahoma,verdana,arial;
font-size: 14px;
font-weight: normal;}
/* FORMATIERUNG DER LINKS */
a:link,
a:visited{
color: #40ff00;
text-decoration: none;}
/* UNNOETIGE KLASSEN */
#header {display:none;}
#counter{display: none;}
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_co |
|
↑
|
|
|
-
boycooljktest
|
07.12.2011 um 17:18 (UTC) Titel: |
|
|
thegamingnetwork hat Folgendes geschrieben: Text übern design
<div id="design">
Text untern design
</div>
Css ohne style tags
/* WERBUNG ZENTRIEREN */
table[height="102"] {
margin: auto;}
/* HINTERGRUND */
body {
background-image: url(Hintergrundbild des Designs);
padding: 0px;
margin: 0px;}
/* DESIGN (ERSTELLTES DIV / DIENT ZUR POSITIONIERUNG) */
#design{
width: 1079px;
margin: 0px auto;}
/* CONTAINER */
#container{
width: 921px;
min-height: 1000px;
padding: 0px 79px 100px 79px;
margin: 0px;
float: left;
background-image: url(Bild hinter dem Design bzw darunter);
background-repeat: repeat-y;}
/* CONTENT CONTAINER */
#content_container{
width: 736px;
height: auto;
float: left;}
/* HEADER */
#header_container{
width: 921px;
height: 200px;
float: left;
background-image: url(Hier kommt der Header rein);}
/* NAVIGATION CONTAINER */
#nav_container{
width: 178px;
padding 0px;
margin: 7px;
float: left;}
/* NAVIGATION CONTAINER */
#nav_container{
width: 185px;
padding 0px;
margin: 0px;
float: left;}
/* TITEL NAVIGATION */
#nav_heading{
width: 165px;
height: 28px;
display: block;
padding: 2px 10px 8px 10px;
margin: 0px;
background-image: url(Feld über der Navigation);
color: #FFFFFF;
font-family: tahoma,verdana,arial;
font-size: 14px;
font-weight: normal;
overflow: hidden;}
/* ELEMENT IN DEM SICH NAVIGATIONSLINKS POSTIONIEREN */
#nav {
padding: 0px 0px 40px 0px;
margin: 0px;
background-image: url();
background-position: bottom;}
/* AUFLISTUNG DER NAVIGATIONSLINKS */
#nav li {
width: 135px;
height: 14px;
padding: 8px 25px 11px 25px;
display: block;
background-image: url(Button der Navigation);
list-style-type: none;
color: #FFFFFF;
font-family: tahoma,verdana,arial;
font-size: 14px;
font-weight: normal;
text-decoration: none;
overflow: hidden;}
/* NAVIGATIONELEMENTE SCHIRFT */
li.nav_element a{
height: 14px;
display: block;
padding: 2px 0px 6px 0px;
color: #40ff00;
font-family: tahoma,verdana,arial;
font-size: 14px;
font-weight: normal;}
/* NAVIGATIONELEMENTE HOVER */
#nav li:hover {
background-image:url(Button der Navigation wenn man mit der maus darüber fährt-hover-);
}
#nav li.subpage:hover {
width: 120px;
padding-left: 40px;
padding-right: 25px;
background-image: url(Button der Navigation für unterseiten);
text-align: left;}
/* UNTERSEITEN DER NAVIGATIONSLINKS */
#nav li.subpage {
width: 120px;
padding-left: 40px;
padding-right: 25px;
background-image: url(Button der Navigation wenn man mit der maus darüber fährt für unterseiten -hover-);
text-align: left;}
/* TEXTFELD */
#content{
width: 702px;
height: auto;
padding: 0px 17px 70px 17px;
float: left;
background-image: url(bild für das Textfeld);
background-position: bottom;
color: #000000;
font-family: tahoma,verdana,arial;
font-size: 14px;
font-weight: normal;}
/* TITEL TEXTFELD */
h2#title{
width: 694px;
height: 15px;
display: block;
padding: 14px 20px 10px 20px;
margin: 0px -17px 10px -17px;
background-image: url(Bild zwischen textfeld und header);
overflow: hidden;}
#title span{
color: #40ff00;
font-family: tahoma,verdana,arial;
font-size: 14px;
font-weight: normal;}
/* FORMATIERUNG DER LINKS */
a:link,
a:visited{
color: #40ff00;
text-decoration: none;}
/* UNNOETIGE KLASSEN */
#header {display:none;}
#counter{display: none;}
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_co
haste mir den zum bearbeiten gegeben ?
Danke aber emm ich suche ein Generator auf Webseiten.
Der es mich schneller machen lässt. |
|
↑
|
|
|
|
07.12.2011 um 17:37 (UTC) Titel: |
|
|
Hallo!
Wenn ich dich also richtig verstehe, suchst du eine Seite, mit der du mit fast keinen Aufwand ein CSS-Desgin erstellen kannst?
Ehrlichgesagt: Ich denke mir grade: Faule Sau! Ist leider so.
thegamingnetwork hat dir einen Beispielcode geschrieben. Der Code ist übersichtlich aufgebaut. Alle wichtigen Elemente sind beschriftet. Du musst nur noch die Bilder einfügen.
CSS ist eine Programiersprache, mit der du schöne und anspruchsvolle (ja - für dich anspruchsvolle) Sachen machen kannst. Du willst deine Seite perfektionieren, dafür wirst du aber etwas machen müssen. Setz dich doch wenigstens hin, schau wie du den Code verwenden kannst, und fertig.
Eine solche Seite wie du suchst wird es hoffentlich auch nicht geben, CSS sollte etwas Besonderes sein, bei dem sich jeder einzelne Anstrenge muss - ja auch sogar du (boycooljktest)!
Lg, Loisi ______________ Leben heißt nicht zu warten, bis der Sturm vorüberzieht, sondern zu lernen, im Regen zu tanzen! |
|
↑
|
|
|
-
lone-award
|
07.12.2011 um 18:20 (UTC) Titel: |
|
|
holz-osterholzer hat Folgendes geschrieben: Hallo!
Wenn ich dich also richtig verstehe, suchst du eine Seite, mit der du mit fast keinen Aufwand ein CSS-Desgin erstellen kannst?
Ehrlichgesagt: Ich denke mir grade: Faule Sau! Ist leider so.
thegamingnetwork hat dir einen Beispielcode geschrieben. Der Code ist übersichtlich aufgebaut. Alle wichtigen Elemente sind beschriftet. Du musst nur noch die Bilder einfügen.
CSS ist eine Programiersprache, mit der du schöne und anspruchsvolle (ja - für dich anspruchsvolle) Sachen machen kannst. Du willst deine Seite perfektionieren, dafür wirst du aber etwas machen müssen. Setz dich doch wenigstens hin, schau wie du den Code verwenden kannst, und fertig.
Eine solche Seite wie du suchst wird es hoffentlich auch nicht geben, CSS sollte etwas Besonderes sein, bei dem sich jeder einzelne Anstrenge muss - ja auch sogar du (boycooljktest)!
Lg, Loisi
Ihrgendwie auf dem Punkt gebrahcht.. ______________ |
|
↑
|
|
|
|