Name:      Passwort:      Version:      [ Ausblenden ]
I

SucheForum / News und Ankündigungen / CSS Schnipsel für Suckerprod

Beobachten !Beiträge                                      ! Neuen Beitrag erstellen

17 Oct 2008 00:08:11 wanja

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
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 :)

*

 
Themen: 3
Beiträge: 90

Zitieren Melden
 
Ich checke das nicht mit dem CSS?!?
Kann mir da jemand behilflich sein?



Werbung

17 Oct 2008 13:28:48 L0s Gamml0s



 
Themen: 7
Beiträge: 290

Zitieren Melden
 
Wanjas Schnipsel klappt sogar xDD
Ich will mehr Schnipsel

17 Oct 2008 18:52:49 wanja

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
.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

*

 
Themen: 6
Beiträge: 2320

Zitieren Melden
 
warscheinlich einer der wenigen, ich hab ein bisschen ahnung davon, muss mich aber erstmal richtig einlesen, vllt werd ich dann auch mal was beisteuern^^


17 Oct 2008 19:11:08 wanja

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
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

*

 
Themen: 6
Beiträge: 2320

Zitieren Melden
 
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

*

 
Themen: 0
Beiträge: 58

Zitieren Melden
 
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

*

 
Themen: 6
Beiträge: 2320

Zitieren Melden
 
wieso sollte er denn nich funktionieren? Oo das CSS da is nix magisches dran^^


17 Oct 2008 20:59:02 Pure-Intense

*

 
Themen: 0
Beiträge: 58

Zitieren Melden
 
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

*

 
Themen: 6
Beiträge: 2320

Zitieren Melden
 
jah, des hat der wanja schon klug gemacht^^
soll ja auch für laien ohne CSS und HTML kenntnisse funktionieren^^


17 Oct 2008 21:01:33 Pure-Intense

*

 
Themen: 0
Beiträge: 58

Zitieren Melden
 
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

*

 
Themen: 0
Beiträge: 58

Zitieren Melden
 
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

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
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

*

 
Themen: 6
Beiträge: 2320

Zitieren Melden
 
deshalb sollte man das alles auch in allen möglichen browsern getestet haben bevor man des freigibt xDD


17 Oct 2008 23:28:37 Personal.Curse

*

 
Themen: 6
Beiträge: 2320

Zitieren Melden
 
P.S: An wanja, beim zweiten 'schnipsel' sollte man das 'font-weight:normal'
weglassen, da die schrift sich sonst ändert und nicht mehr zum rest passt^^


18 Oct 2008 00:46:11 L0s Gamml0s



 
Themen: 7
Beiträge: 290

Zitieren Melden
 
<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

*

 
Themen: 0
Beiträge: 58

Zitieren Melden
 
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

*

 
Themen: 8
Beiträge: 803

Zitieren Melden
 
wanja am 17.10.08 um 22:17:18
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


und mit nem mac rechner

( ja habe den neuen firefox !! )


18 Oct 2008 00:55:15 Personal.Curse

*

 
Themen: 6
Beiträge: 2320

Zitieren Melden
 
?? du schon, aber wanja nicht, oder wovon redst du? Oo
@ gammler: ein div container mit hintergrundbild is..öhm...ich glaub des is einfach egsagt der hintergrund, bzw das feld für den hintergrund, die werbung ausgenommen, bin mir aber nicht sicher, warte lieber auf wanjas antwort


18 Oct 2008 01:11:42

*

 
Themen: 5
Beiträge: 1796

Zitieren Melden
 
wanja am 17.10.08 um 19:11:08
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


http://www.html-seminar.de

die hier ist auch nicht schlecht


18 Oct 2008 01:14:54 wanja

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
-devil- am 18.10.08 um 00:47:11
ICH HAB ABER FIREFOX 3 BENUTZT


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 01:15:20 wanja

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
GammleR 2.0 am 18.10.08 um 00:46:11
&lt;body&gt;
&lt;div class=&quot;bg&quot;&gt;
div-Container mit Hintergrundbild
&lt;/div&gt;

Das ist das Ende eines CSS Schnipsels
So un was is jetz en &quot;div-Container mit Hintergrundbild&quot;??


das ist html, kein css


18 Oct 2008 10:55:12 L0s Gamml0s



 
Themen: 7
Beiträge: 290

Zitieren Melden
 
Oh Scheisse^^

18 Oct 2008 12:07:33 Pure-Intense

*

 
Themen: 0
Beiträge: 58

Zitieren Melden
 
wanja am 18.10.08 um 01:14:54
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


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

*

 
Themen: 6
Beiträge: 157

Zitieren Melden
 
wanja am 17.10.08 um 18:52:49
.hmenu {padding:5px;margin:0px;background-color:#000;width:99%;font-weight:normal;}

ändert das Hauptmenu

padding -&gt; der innenabstand in pixeln
margin -&gt; der außenabstand in pixeln
background-color -&gt; 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 -&gt; die breite des elements, in pixel wenn man px dahinter schreibt, oder eben wie oben ein prozentualer wert
font-weight -&gt; schriftdicke, es gibt normal und bold (fett)

bin ich den wirklich der einzige der hier fit in css ist?


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:08:34 L0s Gamml0s



 
Themen: 7
Beiträge: 290

Zitieren Melden
 
achs:O am 18.10.08 um 22:01:36
wanja wenn irgendwas mit pc zu tun hat kann sowieso keiner mit dir mithalten


uuuh
Wer schleimt denn hier??

18 Oct 2008 23:10:43 The_Excellence_of_Evolution

*

 
Themen: 6
Beiträge: 157

Zitieren Melden
 
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 ...

18 Oct 2008 23:32:47 L0s Gamml0s



 
Themen: 7
Beiträge: 290

Zitieren Melden
 
Nich viel

19 Oct 2008 13:00:14 The_Excellence_of_Evolution

*

 
Themen: 6
Beiträge: 157

Zitieren Melden
 
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

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
nich zanken... schnipsel posten, mir fällt nix mehr ein


19 Oct 2008 20:49:26 Pure-Intense

*

 
Themen: 0
Beiträge: 58

Zitieren Melden
 
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 !

19 Oct 2008 23:42:31 wanja

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
was hätteste denn gern??


20 Oct 2008 00:13:25 wanja

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
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:33:07 L0s Gamml0s



 
Themen: 7
Beiträge: 290

Zitieren Melden
 
Es geeeeht
So noch einen nachlegen Wanja

20 Oct 2008 14:36:09 Pure-Intense

*

 
Themen: 0
Beiträge: 58

Zitieren Melden
 
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

*

 
Themen: 16
Beiträge: 244

Zitieren Melden
 
ist das hier jetzt die bestellhotline bei Css-wanja gmbh oda was?????
manno man ey seit ih faul...
macht doch selber ein paar sachen


24 Oct 2008 10:50:32 wanja

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
mach du doch welche


24 Oct 2008 14:09:58 Dj scracky

*

 
Themen: 16
Beiträge: 244

Zitieren Melden
 
ich bin dabei


25 Oct 2008 11:49:03 Dj scracky

*

 
Themen: 16
Beiträge: 244

Zitieren Melden
 
Leute....wer hat interresse an einem hauptenü wie meine????
und wie findet ihr mein design


25 Oct 2008 14:47:58 wanja

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
nitt fragen -> schnipsel posten


25 Oct 2008 15:55:26 Dj scracky

*

 
Themen: 16
Beiträge: 244

Zitieren Melden
 
.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

*

 
Themen: 88
Beiträge: 3094

Zitieren Melden
 
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

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
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

*

 
Themen: 88
Beiträge: 3094

Zitieren Melden
 
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

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
ich hielt es trotzdem für ne gute idee die frage gleich für alle zu beantworten


16 Feb 2009 15:37:10 PeNnY

*

 
Themen: 88
Beiträge: 3094

Zitieren Melden
 
klaro..


18 Feb 2009 08:40:25 PeNnY

*

 
Themen: 88
Beiträge: 3094

Zitieren Melden
 
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

*

 
Themen: 77
Beiträge: 3463

Zitieren Melden
 
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

*

 
Themen: 88
Beiträge: 3094

Zitieren Melden
 
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


!                                                       ! Neuen Beitrag erstellen

Link | Bild | Benutzer | Event | Gruppe | Smilies | B | U | I | I | L | C | R | Groß | Klein | Laufschrift | Quote
 Zeichen übrig: Bilder übrig: