Forum / News und Ankündigungen / CSS Schnipsel für Suckerprod
Beiträge
Neuen Beitrag erstellen
17 Oct 2008 00:08:11 wanja
| Hallo ihr lieben, wie einige hoffentlich schon mitbekommen haben, kann man beim neuen suckerprod ja nun wieder das gesamte layout der seite verändern. diesmal sogar nicht nur mit vorauswahlmöglichkeiten sondern sogar mit CSS. das bietet fast unbegrenzte möglichkeiten um das aussehen der seite zu verändern. da die meissten von euch aber vermutlich kein css "können", dachte ich mir, wir sammeln hier mal ein paar css-schnipsel die ihr dann kopieren und in euer layout/design einfügen könnt. leute die css beherrschen und ihr profil damit schon verändert haben, sind herzlich eingeladen ihre css-schnipsel in dieses thema zu posten ![]() ich fange mal an: .concon {width:860px; float:left; height:500px; overflow:scroll; overflow-x:hidden; margin-right:-20px;} sorgt dafür dass der scrollbar nicht mehr am äußeren der seite sondern links neben der aufrechten werbung (also den sogenannten skyscrapern) sitzt. dadurch bleibt das menu immer im sichtbaren bereich. einfach mal ausprobieren ![]() so jetz ihr
17.10.08 22:23:10: Dieser Beitrag wurde editiert von wanja |
17 Oct 2008 10:31:20 Blubb :)
| Ich checke das nicht mit dem CSS?!? Kann mir da jemand behilflich sein? |
Werbung
17 Oct 2008 13:28:48 L0s Gamml0s
| Wanjas Schnipsel klappt sogar xDD Ich will mehr Schnipsel |
17 Oct 2008 18:52:49 wanja
| .hmenu {padding:5px;margin:0px;background-color:#000;width:99%;font-weight:normal;} ändert das Hauptmenu ![]() padding -> der innenabstand in pixeln margin -> der außenabstand in pixeln background-color -> die hintergrundfarbe in hexadezimaler schreibweise (also könnt ihr das nehmen was der farbschieber im layoutbereich ausspuckt, 000000 ist schwarz, ffffff ist weiß etc.) width -> die breite des elements, in pixel wenn man px dahinter schreibt, oder eben wie oben ein prozentualer wert font-weight -> schriftdicke, es gibt normal und bold (fett) bin ich den wirklich der einzige der hier fit in css ist?
|
17 Oct 2008 19:09:39 Personal.Curse
17 Oct 2008 19:11:08 wanja
| dann hier meine beiden tipps: http://www.css4you.de http://de.selfhtml.org sind zwei recht gute seiten die sich mit dem thema css befassen
|
17 Oct 2008 19:12:47 Personal.Curse
| danke^^ selfHTML kenn ich schon, das ist sowieso die erste anlaufstelle^^ ich guck mir auch gern die codes auf www.csszengarden.com an. sehr interessant und vor allem von Profis gestaltet.
|
17 Oct 2008 20:36:10 Pure-Intense
Echt man Wanjas schnipsel funst => ABER die seite scrollt nur sehr ruckelig ![]() =ich lass es trotzdem dann ich prolln xD komm auf die dunkle seite der macht ! -> wir haben kekse x) Besucht mal die Seite talkingto.yooco.de Von mir + 2 Freunden ! |
17 Oct 2008 20:50:10 Personal.Curse
17 Oct 2008 20:59:02 Pure-Intense
| ja aber ich konnte nichts falsch machen xP es hat direkt geklappt *freu* ich dachte ich müsste nochwas machen und so ... naja ^^ komm auf die dunkle seite der macht ! -> wir haben kekse x) Besucht mal die Seite talkingto.yooco.de Von mir + 2 Freunden ! |
17 Oct 2008 21:00:39 Personal.Curse
17 Oct 2008 21:01:33 Pure-Intense
Gewollt - Gekonnt
komm auf die dunkle seite der macht ! -> wir haben kekse x) Besucht mal die Seite talkingto.yooco.de Von mir + 2 Freunden ! |
17 Oct 2008 21:04:50 Pure-Intense
| oh es klappt doch nicht so ganz meine freunde konnten sich grad mein GB desswegen net ansehen ! also echt mal ^^ *wieder wegmach* komm auf die dunkle seite der macht ! -> wir haben kekse x) Besucht mal die Seite talkingto.yooco.de Von mir + 2 Freunden ! |
17 Oct 2008 22:17:18 wanja
| der erste schnipsel macht probleme mit dem alten firefox... aber so sollte es überall klappen: .concon {width:860px; float:left; height:500px; overflow:scroll; overflow-x:hidden; margin-right:-20px;} das ist eben das nervige an css... jeder browser in jeder version interpretiert es ein klein wenig anders
17.10.08 22:23:50: Dieser Beitrag wurde editiert von wanja |
17 Oct 2008 23:22:46 Personal.Curse
17 Oct 2008 23:28:37 Personal.Curse
18 Oct 2008 00:46:11 L0s Gamml0s
| <body> <div class="bg"> div-Container mit Hintergrundbild </div> Das ist das Ende eines CSS Schnipsels So un was is jetz en "div-Container mit Hintergrundbild"?? |
18 Oct 2008 00:47:11 Pure-Intense
| ICH HAB ABER FIREFOX 3 BENUTZT
komm auf die dunkle seite der macht ! -> wir haben kekse x) Besucht mal die Seite talkingto.yooco.de Von mir + 2 Freunden ! |
18 Oct 2008 00:53:52 Dj Flax
und mit nem mac rechner ( ja habe den neuen firefox !! )
|
18 Oct 2008 00:55:15 Personal.Curse
18 Oct 2008 01:11:42 ∞
http://www.html-seminar.de die hier ist auch nicht schlecht
|
18 Oct 2008 01:14:54 wanja
du konntest dein profil ja auch sehen... aber deine kumpels mit nem älteren firefox (oder mit firefox für mac) offenbar nicht... ich will hier aber auch keinen anspruch auf absolute richtigkeit erheben... also wenn du nen fehler findest, dann kannste ihn behalten... ich schreib hier in erster linie ideen auf... welcher browser unter welchen betriebssystem genau welche probleme machen könnte, stellt sich dann halt mit der zeit raus
|
18 Oct 2008 12:07:33 Pure-Intense
Oh das kann sein sry ^^ komm auf die dunkle seite der macht ! -> wir haben kekse x) Besucht mal die Seite talkingto.yooco.de Von mir + 2 Freunden ! |
18 Oct 2008 22:01:36 The_Excellence_of_Evolution
wanja wenn irgendwas mit pc zu tun hat kann sowieso keiner mit dir mithalten kämpfen für den frieden ist wie f*cken für die jungfräulichkeit ... |
18 Oct 2008 23:10:43 The_Excellence_of_Evolution
| ach gammler das kann nie schaden nein jetz ma im ernst du has doch auch keine ahnung davon oder?
kämpfen für den frieden ist wie f*cken für die jungfräulichkeit ... |
19 Oct 2008 13:00:14 The_Excellence_of_Evolution
| um ehrlich zu sein gar nix oder was?
kämpfen für den frieden ist wie f*cken für die jungfräulichkeit ... |
19 Oct 2008 18:05:31 wanja
nich zanken... schnipsel posten, mir fällt nix mehr ein
|
19 Oct 2008 20:49:26 Pure-Intense
hoho^^ ne, ma im ernst :P ich komm zu kurz an schnipseln, ich will mehr
komm auf die dunkle seite der macht ! -> wir haben kekse x) Besucht mal die Seite talkingto.yooco.de Von mir + 2 Freunden ! |
20 Oct 2008 00:13:25 wanja
vieleicht das hauptmenu als knöppe darstellen? so in der art hier? ![]() .hmenu {padding:5px;margin:5px;width:99%;font-weight:normal;color:#FFFF00;color:transparent;} .hmenu a {color:#f00; border:2px solid #f00;padding:2px;} .hmenu a:hover {background-color:#f00; color:#fff; border:2px solid #f00;padding:2px;} |
20 Oct 2008 14:36:09 Pure-Intense
| COOL^^ komm auf die dunkle seite der macht ! -> wir haben kekse x) Besucht mal die Seite talkingto.yooco.de Von mir + 2 Freunden ! |
24 Oct 2008 06:31:56 Dj scracky
| ist das hier jetzt die bestellhotline bei Css-wanja gmbh oda was????? manno man ey seit ih faul... macht doch selber ein paar sachen
|
25 Oct 2008 11:49:03 Dj scracky
| Leute....wer hat interresse an einem hauptenü wie meine???? und wie findet ihr mein design |
25 Oct 2008 15:55:26 Dj scracky
| .hmenu a {margin-left:2px; background-repeat:no-repeat; padding:3px; text-align:center; font-size:10px; color:#ffffff; repeat:none; display:block; float:left; width:49px; height:14px; background-image: url(http://fre.kilu.de/button.gif);} .hmenu {margin-left:1px; vertical-align:bottom; font-size:0pt; width:98%; color:transparent;} .hmenu a:hover {background-image: url(http://www.fre.kilu.de/btn_hmenu_hover.gif);} für die, die auch en vistamenü haben wollen ![]() der Chef will ja dass ich's direkt ohne zu fragen reinsetze
|
16 Feb 2009 11:25:22 PeNnY
| hey hey.. ich habe folgenden schnipsel benutzt: .hmenu {padding:5px;margin:0px;background-color:#ffff;width:99%;} doch i-wie ist der menühintergrund dennoch nicht weiß.. warum?? Zu der browserfrage, ich nutze den Seamonkey 1.1.14 Denke der Browser wird das Problem sein.. oder? |
16 Feb 2009 14:11:18 wanja
hexadezimale farbcodes sind 6 stellig... von 000000 bis FFFFFF ![]() im prinzip sind das drei zahlen.. die jeweils von 00 bis FF reichen (die ersten beiden stellen sind ROT, dann kommt GRÜN und dann BLAU... wenn du jetzt zahlen wie FFFFFF hast, kannst du stattdessen auch FFF schreiben aber FFFF gibts nicht
|
16 Feb 2009 14:15:54 PeNnY
| ja, soweit verstanden.. ich denke, wir beschränken uns auf dei mails.. lol.. sonst wirds mir zu kompliziert.. hehe.. |
16 Feb 2009 14:17:06 wanja
ich hielt es trotzdem für ne gute idee die frage gleich für alle zu beantworten
|
18 Feb 2009 08:40:25 PeNnY
| also, ich habe hier jetzt auch nen schnipsel: .hmenu a {color:#fff; border:1.9px solid #000;padding:1.9px;} .hmenu a:hover {background-color:#fff; color:#FFF; border:3px solid #fff;padding:3px;} dieser befehl ändert das hauptmenü in sofern, dass die schrift weiß ist, die buttons zusätzlich schwarz umrandet sind und wenn ihr auf den button drauf geht, verschiebt sich das ganze um etwa nen millimeter nach unten rechts.. wenn ihr euch das net vorstellen könnt, geht auf mein profil und schaut selbst.. EDIT: wen es stört, dass das Menü nach unten weg geht beim drüber her fahren, der ändert einfach die 3 ind 1.9 ! 18.02.09 14:58:10: Dieser Beitrag wurde editiert von Pip-Boy |
18 Feb 2009 14:14:14 wanja
| findest du das nicht störend dass die beim überfahren per maus nach unten rutschen? ich würd die schrift im menu links auch noch weiß machen
|
18 Feb 2009 14:41:07 PeNnY
och, erst war es nervend.. jetzt ist es ungewöhnlich, neuartig und somit find ichs toll.. die schrift links im menü??? wo isn links ein menü? EDIT Ach, du meinst sicher das Menü, wenn ich es ausbette?? oder? ich lasse meins eingebettet, daher werd ich daran nichts verändern.. 18.02.09 14:50:49: Dieser Beitrag wurde editiert von Pip-Boy |









