Seite 1 von 2

Ich checks einfach nich

Verfasst: 12. Okt 2005, 12:55
von xbunnyx
also...jetzt muss ich mal noch mal von vorne anfang...manche haben doch sone freewar styles gemacht...stimmts ? und dazu sonen link wo dann euin ganz langer cout kommt. was muss ich mit dem cout anstellen damit mein fw so aussieht ??? oder geht das etwas gar nich ??? ich checks echt nit.... :oops: sry ._.

Verfasst: 12. Okt 2005, 13:08
von DeNito
[falscher Link, s.u.]

DURCHLESEN
dann biste schlauer

nimm einfach einen style von nem user, ne liste aller user styles sind im style-forum

P.S.: pls verschieben nah Style-Bereich

Verfasst: 12. Okt 2005, 13:10
von xbunnyx
lol ??? wenn ich raudrücke kommt da : eine antwort schreiben ??

Verfasst: 12. Okt 2005, 13:13
von DeNito
sry

http://dabombas.herzenslicht.net/index.php?board=65

LESEN

und nimm das nächste mal deutlichere Überschriftem

Verfasst: 12. Okt 2005, 13:22
von xbunnyx
hmmmmm,..... ich mein was ich hier mit jetzt machn muss

/* Cornys Engelsnacht für Freewar */
/* global */
p, ul, ol, div, td, span, layer, table, body { font-family: Arial, helvetica, sans-serif; font-size: 12px; color: #C0C0C0; }
p { margin: 0px; padding: 0px; }

/* body */
body { background-color: #ffffff; margin: 0px; }

/* table */
table { border:0px; border-collapse: collapse; } /* cellspacing & cellpadding & border =0 no longer needed
td { padding:0px; margin:0px; }

/* scrollbars */
/* body, textarea { scrollbar-base-color:#191970; scrollbar-3dlight-color:#191970; scrollbar-arrow-color:#191970; scrollbar-darkshadow-color:#999999; scrollbar-face-color:#D5D5D5; scrollbar-highlight-color:#0000FF; scrollbar-shadow-color:#636363; scrollbar-track-color:#F5F5F5; } */

/* links */
a:link { color:#C0C0C0; text-decoration:none; font-weight:bold; }
a:visited { color:#C0C0C0; text-decoration:none; font-weight:bold; }
a:active { color:#C0C0C0; text-decoration:hover; font-weight:bold; }
a:hover { color:#C0C0C0; text-decoration:underline; font-weight:bold; }

/* fonts */
h1 { color: #C0C0C0; font-size:12px; font-weight:bold; margin-bottom: 0px;}
.medium { color: #C0C0C0; font-size:11px; }
.small { color: #C0C0C0; font-size:10px; }

/* colors */
.fontcolor { color: #C0C0C0; }
.white { color: #FFFFFF; }

/* bgcolors */
.body { background-color: #FFFFFF; }
.divider { background-color: #555555; }
.outline { background-color: #999999; }
.menubg { background-color: #FF0000; }

.brightbg { background-color: #E5E5E5; }
.verybrightbg { background-color: #F1F1F1; }
.reallybrightbg { background-color: #FAFAFA; }


.whitebg { background-color: #FFFFFF; }
.blackbg { background-color: #000000; }
.brownbg { background-color: #A52A2A; }

/* forms */
.registerinput { width: 100%; font-size: 10px; }
.registersubmit { font-size: 10px; }
.logininput { width: 100%; font-size: 10px; }
.loginsubmit { width: 100%; font-size: 10px; }

textarea { color: #C0C0C0; font-size: 12px; background-color:#191970; border: solid 1px#191970 }
select { color: #C0C0C0; font-size: 11px; background-color: #191970 }

/* forms */
.input { font-size: 10px; background-color: #FFECD3; border: 1px solid #C85424; }
.submitsagen { font-size: 10px; font-weight: bold; color: #000000; width: 88px; margin-left: 1px; margin-right: 2px; }
.submitschreien { font-size: 10px; font-weight: bold; color: #FF0000; width: 88px; margin-right: 2px; }
.submitclan { font-size: 10px; font-weight: bold; color: #228B22; width: 88px; margin-right: 2px; }
.submitworldsay { font-size: 10px; font-weight: bold; color: #000000; width: 88px; margin-right: 2px; }

textarea { color: #C0C0C0 ; font-size: 12px; background-color: #FFECD3; border: 1px solid #C85424; }
select { color: #C0C0C0 ; font-size: 11px; background-color: #C0C0C0 ; }


/* banner stuff */
.bannerad { border: 1px solid #C85424; }



/* text classes */
.chattext { color: #C0C0C0; font-size: 13px; }
.chattextscream { color: #FF0000; font-size: 13px; }
.chattextclan { color: #7CFC00; font-size: 13px; }
.chattextinfo { color: #C0C0C0; font-style: normal; font-size: 13px; }
.chattextworldsay { color: #FFFFFF; background-color: #000000 ; font-size: 13px; }
p.worldsay table tr { background-color:transparent; }
.healthmed { color: #FF8000; }
.healthok { color: #309000; }
.healthcritical { color: #D20000; }
.chatpics { visibility: visible; }

/* frames bg */
.framebannerbg { color: #FF0000 ; background-color: #C85424; background-image: url('bannerbg.jpg'); border-bottom: 1px solid #000000; }
.framechatformbg { color: #FF0000 ; background-image: url('KomHg.JPG'); background-repeat: x-repeat; brackground-repeat: y-repeat; background-position-y:50% }
.framechattextbg { background:url('MenueHg.JPG') x-repeat fixed center 50%; color: #FF0000 ; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; brackground-repeat: y-repeat; margin-left:10px }
.framemainbg { background:url('HauptHg.jpg') y-repeat fixed center 50%; color: #C0C0C0 ; margin: 10px; }
.frameitembg { color: #C0C0C0 ; margin: 10px; background-color: #191970; background-image: url('MenueHg.jpg'); }
.framemapbg { color: #C0C0C0 ; margin-top: 3px; background-color: #B22222; background-image: url('MenueHg.jpg');margin-left:10px; margin-right:10px; margin-bottom:10px }
.framemenubg { color: #FF0000 ; background-color: transparent; background-image: url('MenueHg.jpg'); background-repeat: y-repeat }

/* main module */
td.mainheader { color: #C0C0C0 ; font-size: 35px; background-color: transparent; }
table.areadescription { color: #C0C0C0 ; border: 1px solid #FFDAA9; background-color: transparent; width: 100%; }
td.areadescription { color: #C0C0C0 ; padding: 5px; }
.imageborder { color: #C0C0C0 ; border: 1px solid #C85424; background-color: #191970; margin-right: 10px; margin-bottom: 1px;}
p.maincaption { color: #C0C0C0 ; font-weight: bold; font-size: 30px; padding: 2px; padding-left: 5px; background-color: transparent; }
p.maincaption2 { color: #C0C0C0; font-weight: bold; font-size: 12px; padding: 2px; padding-left: 5px; background-color: transparent; }
p.maindesc1 { color: #C0C0C0 ; padding: 2px; padding-left: 5px; background-color: transparent; border: 1px solid #D6CBC2; border-top: 1px; width: 300px; }
p.maindesc2 { color: #C0C0C0 ; border: 1px solid #FFDAA9; background-color: transparent; width: 100%; }
p.listplaceitemsrow { color: #FF0000 ; padding: 2px; padding-left: 5px; background-color: transparent; border: 1px solid #D6CBC2; border-top: 0px; }
p.listusersrow { color: #FF0000 ; padding: 2px; padding-left: 5px; background-color: transparent; border: 1px solid #D6CBC2; border-top: 0px; }


/* item module */
p.listcaption { color: #C0C0C0 ; border: 1px solid #C0C0C0; font-weight: bold; padding-left: 5px; background-image: url('menueHg.jpg');padding-right:2px; padding-top:2px; padding-bottom:2px }
p.listsubcaption { border-bottom: 1px solid #C0C0C0; }
p.listrow { color: #C0C0C0; padding: 2px; padding-left: 5px; background-color: tranparent; border: 1px solid #C0C0C0; border-top: 0px; }
p.listitemrow {font-color: #C0C0C0 ; color: #C0C0C0 ; padding: 2px; padding-left: 5px; background-color: transparent; border: 1px solid #191970; border-top: 0px; border-top: 1px solid #C0C0C0; margin-bottom: 3px; }
p.listmainrow { font-color: #C0C0C0 ; color: #C0C0C0; padding: 2px; min-height: 55px; padding-left: 5px; background-color: transparent; border: 1px solid #C0C0C0; border-top: 0px; }
.valueincreased { font-weight: bold; color: #ff0000; }
.itemamount { font-weight: bold; color: #C0C0C0; }
.itemequipped { font-weight: bold; color: #228B22; }
.itemmagic { font-weight: bold; color: #0000FF; }
.iteminventorypics { visibility: visible; }

/* map module */
p.positiontext { color: #C0C0C0; background-color: transparent; border: 1px solid transparent; font-size: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 3px; padding-left: 0px; padding-right: 0px; width: 100%; }

/* main module */
p.personlistcaption { color: #C0C0C0 ; border: 1px solid #C0C0C0; font-weight: bold; padding: 2px; padding-left: 5px; background-color: transparent; }
p.itemlistcaption { color: #C0C0C0 ; border: 1px solid #C0C0C0; font-weight: bold; padding: 2px; padding-left: 5px; background-color: transparent; }


/* misc */
.borderbg { background-color: #D0CFCF; }

Verfasst: 12. Okt 2005, 13:33
von DeNito
wat willst du überhaupt mann?!?!?!
kannst du nich einmal konkret sagen, was du willst?!
sowas nervt echt....



damit du das Forum nich weitervollspammen brauchst hier meine
icq-nummer: 291365300
meld dich da bitte, da kann ich dir besser helfen, als wenn du hier rumspamst

mfg DeNito

Verfasst: 12. Okt 2005, 13:41
von xbunnyx
das thema kann egschlossen werden ^^

Verfasst: 12. Okt 2005, 14:27
von Tom and Jerry
RTFM!!!

Verfasst: 12. Okt 2005, 14:32
von DeNito
und auf deutsch?

Verfasst: 12. Okt 2005, 16:39
von Tom and Jerry
READ THE F**IN* MANUAL!!!

Les die verdammte anleitung ...

Verfasst: 12. Okt 2005, 16:47
von DeNito
axo...
hab ich ihm per ICQ auch vorhin gesagt(so in der art)

Verfasst: 12. Okt 2005, 17:02
von xbunnyx
DeNito hat geschrieben:axo...
hab ich ihm per ICQ auch vorhin gesagt(so in der art)
Lol ich bin eine SIE kein ER

Verfasst: 12. Okt 2005, 18:03
von Prinegon
Wenn du noch so gar keine Peilung von der Thematik hast, dann bringt es dir auch herzlich wenig, in fremden Stylesheets rumzustöbern, dann fang lieber klein an. Dir wurde ja schon ne Seite genannt, hier nochmal der Link:
http://www.css4you.de/

Dort gibt es eine nette Rubrik: Wie fange ich an? Die solltest du mal zuallererst durcharbeiten, um die Grundbegriffe auf die Reihe zu bekommen, dann kannst du dich mal ranmachen und verstehen, was Überhaupt in einem Style so steht.
Wie geht man vor?
Beispiel:
Verschachtelte Selektoren: Selektor * Selektor

Verknüpft einen Selektor mit Stylesheet-Angaben, wenn dieser in einem anderen Selektor mindestens zwei Ebenen tiefer verwendet wird.

Code: Alles auswählen

<style type="text/css"><!--

 h1 * i {color:#ff0000;}
 div * span {color:#0000ff;}

//--></style>

</head>
<body>

<h1>Eine Überschrift <i>nicht in rot</i>.
Und immer noch nicht in rot</h1>

<div><p>Ein Text <span>in blau</span>. 
Und wieder normal</p></div>
Als erstes wirst du über Selektor stolpern. (Im Beispiel hier h1, i und div). Mit denen klammerst du Bereiche ein, denen du Textformatierungen (Schriftfarbe, Schriftgröße, ect.) geben willst. Hier bekommst du grad die Information, daß man sie ineinander verschachteln kann und daß Selektor i gerade nur dann Geltung hat, wenn er 2 Ebenen tiefer steht, als Selektor h1. Was das bedeutet, wird dir wohl so nicht ganz klar sein, aber nimm ruhig das Beispiel her und probiere es aus. Setze an andere Stellen ein <i>TEXT </i> und schaue, was passiert. So wirst du auf folgendes kommen:
<div><p>Ein Text <span>in blau</span>.
Und wieder normal</p></div>[/code]
Alles, was nach <div> steht, ist eine Ebene tiefer, als <div>. Alles, was nach <p> kommt, ist dann die zweite Ebene tiefer, als <div>. Deswegen ist der Selektor <span>, der nach <div><p> kommt, 2 Ebenen tiefer und deswegen wirkt die Vereinbarung: div * span {color:#0000ff;}
-> welche genau bedeutet: Wenn innerhalb des Selektors div 2 Ebenen tiefer ein Selektor span auftaucht, schreibe das, was auf den Selektor folgt, in blau (#0000ff ist die Hexadezimaldarstellung für blau).

In dieser Form hangel dich an den Beispielen längs, erst wenn du das Gefühl hast, sie verstanden zu haben, schau dir mal den Style an, ob du nicht was wiederfindest und dir übersetzen kannst, was diese Person dort vorhatte.
Dann lies dir den Forumseintrag durch, den DeNito dir gepostet hat und editier dir das Standard-Style Sunfire nach deinen Wünschen. Nimm einfach hin, daß die Selektoren bereits Namen haben (du sie also nicht selbst vergeben kannst) und du keinen Text dazu schreiben wirst (wie im oberen Beispiel). Das liegt daran, daß im oberen Beispiel keine CSS-Datei, sondern eine HTML-Datei stünde, wieso, wirst du wissen, wenn du meinen Link durchgearbeitet hast.
Dann mußt du deine Versuche nur noch auf Webspace laden und schauen, was rausgekommen ist.

Viel Spass dabei.

Verfasst: 12. Okt 2005, 18:06
von Dark Paladin
ich glaub sie will einfach nru ihren style ändern in fw :roll:
also keinen eigenen machen ;)
ok ich versuchs zu erklären
also du hast doch diesen link zu dem style den du infw haben möchtest
den kopierts du bzw shcirebst ihn ab ;)
in fw gehts du auf "Mein Profil" dann auf "Style ändern" ganz weit unten im profil
dort ist so ein kasten worein du diesen link schriebst oder halt einfügst

Verfasst: 12. Okt 2005, 18:24
von DeNito
xbunnyx hat geschrieben:das thema kann egschlossen werden ^^
hab ihr ein wenig per icq erklärt.

das von prin, denke ich, geht für viele neueinsteiger zu weit.
diese wollen "nur" nen eigenen style machen.
Dazu brauchen sie nur ein kleines Vorwissen(das in dem Forum auch nachzulesen ist) und dann kann man mit dem style erstellen anfangen.
Ich selber hatte keinerlei vorkenntnisse mit css und hab mich da irgendwie durchgearbeitet. ich hatte aber auch Hilfe von Gwenderon(danke nochmal :wink: ) , ohne ihn hätt ich das wohl nich geschafft....

um einen style zu erstellen brauch man nich wirklich viel zu wissen