Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 36
Seite [1] 2 >
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Thema - 22.10.2010 um 19:54 Uhr
Ich habe mich mal an ein anderes Design gewagt.
Es ist nun nicht das übliche Clandesign wie man es von mir kennt,
sondern eher was für Privat-Personen oder Bands oder so.

Würde gerne mal eure Meinung dazu hören.

Zur Live View


------------------


www.iv-gaming.de | www.iv-artwork.de
Inaktiv
reVerB


Geekboy




Beiträge: 1237
# Antwort: 1 - 22.10.2010 um 20:42 Uhr
Mach mal den Footer auf die gesamte Bildbreite. Dann sieht es besser aus. Ansonsten ganz nett ^^


Inaktiv
|
bFeeee


Just nerd



Herkunft: Hamm
Beiträge: 944
# Antwort: 2 - 22.10.2010 um 21:32 Uhr
hm der header is i-wie käse und mach das was reverb gesagt hat mit dem footer sieht dann besser aus


------------------
Grüße bFeee

Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 3 - 22.10.2010 um 21:39 Uhr
Warum die navi mit bildern machen?
Kannste doch ansich auch ganz gut per css lösen ^^


Inaktiv
|
bFeeee


Just nerd



Herkunft: Hamm
Beiträge: 944
# Antwort: 4 - 22.10.2010 um 21:40 Uhr
ja echt ? wie denn ... musste mir mal erklähren =)


------------------
Grüße bFeee

Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 5 - 22.10.2010 um 21:47 Uhr
Einfach nen mini-sprite machen, mit dem background und hover.
Die schrift halt normal mit ner liste setzen und per css formatieren ^^


Inaktiv
|
bFeeee


Just nerd



Herkunft: Hamm
Beiträge: 944
# Antwort: 6 - 22.10.2010 um 21:54 Uhr
aso meinste das ja das is einfach ^^


------------------
Grüße bFeee

Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 7 - 23.10.2010 um 09:08 Uhr
OK.
Wie bekomme ich denn den Footer über die ganze Breite ?
Habe das schon probiert, musste aber kapitulieren.



Und so eine Navi lässt sich über CSS lösen ?
Das ist mir aber neu.
Kannste mir das vlt nochmal als Beispiel aufführen ?
Bekomme ich da auch diesen Effekt mit hin ?

Achso und der Header, bzw. das "Innenleben" ist ja nur ein Beispiel.
Das ist natürlich themenbedingt.


Ansonsten schonmal danke für's Feedback.


------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
reVerB


Geekboy




Beiträge: 1237
# Antwort: 8 - 23.10.2010 um 10:12 Uhr
Wenn die Button deiner Navi genau gleich groß sind, dann brauchst du nur den Button 2x. Einmal normal und einmal mit der Hoverfärbung. Du musst aber auch den Text runter nehmen. Dann kannste per HTML einfach den Text draufschreiben. Den Hovereffekt löst du ganz normal per CSS. Der Vorteil dabei ist der niedrigere Traffic, weniger Dateien zum Übertragen und ein schnelleres Laden der Hovergrafik, da sie beim Hovereffekt nur einmal geladen werden muss und somit für alle zur Verfügung steht.

Zum Footer: Er muss aus dem Wrapper raus. Dann kannste ihm volle Breite zuweisen. Im Wrapper nimmt er nur die Breite des Wrappers an.


Zuletzt editiert von reVerB am 23.10.2010 um 10:14 Uhr (1x Editiert)
Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 9 - 23.10.2010 um 11:03 Uhr
Ja die Buttons haben die selbe Größe. Hatte da zuerst auch dran gedacht, aber da ich in diesem Design bei weitem nicht so viele Bilder verwende, wie in meinen Clandesigns, dachte ich mir einfach die paar Bilder gehen schon so. Macht das denn so viel aus ? OK die Schrift ist ganz einfach Tahoma, aber ich bekomme per CSS doch keinen 1 Pixel Rahmen um die Schrift. Dann habe ich auch nicht den gewünschten Effekt.

@ equal: Ach du meinst einfach ein ganz kleines Bild machen, dass sich dann auf die gewünschte Breite vervielfältigt ?
Also für den BG wäre das bestimmt ganz sinnvoll.
Habe sowas aber noch nicht gemacht und müsste da erstmal schauen wie das geht.

Mit dem Footer werde ich bei Zeiten mal ausprobieren.
Das juckt mich nämlich schon die ganze Zeit.




Habe das nun mal probiert, jedoch klappt das irgendwie noch nicht so ganz.
Ich habe mein BG in body drin

 
1.
2.
3.
4.
5.
6.
7.
1. / 2. / ... 
 body {
  
background#e3e3e3 url(Bilder/bg.jpg) no-repeat top center;
  
font-size12px;
  
font-familyTahomaVerdanaArialHelvetica;
  
color#000;
  
text-shadow#fff 1px 1px 0px;
}


Ich kann den Footer doch nicht unter body schreiben.



Hat da evntl. noch jemand nen kleinen Tipp für mich ?


------------------


www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von Tress13 am 23.10.2010 um 11:12 Uhr (1x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 10 - 23.10.2010 um 11:22 Uhr
Warum solltest du den Footer unter den Body schreiben?
Du sollst den einfach aus dem wrapper, oder main wie auch immer der bei dir heißt, rausnehmen.

Vll solltest du dich aber auch mal ein wenig mit den Sachen,
die du in deine CSS schreibst, beschäftigen.
Ich meine du verwendest auf jeder deiner Seiten text-shadow und willst mir nun klar machen du würdest nicht wissen wie du den schatten in der Navigation um die Schrift bekommen würdest?



Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 11 - 23.10.2010 um 11:28 Uhr
Nein doch nicht denn Schatten.
Ich meine den Rahmen/Rand um die Schrift.

Ich glaube das was ihr mit Wrapper meint, habe ich main genannt.


------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 12 - 23.10.2010 um 11:53 Uhr
Ich mach dir gleich mal was fertig, kann aber so 3 - 4 Uhr werden,
muss gleich erst nochmal weg.

So:
http://files.shockcraft.de/tress/

Ich mach es nachher noch fertig, muss nun aber erstmal los.


Zuletzt editiert von equaL ClanSphere Team am 23.10.2010 um 12:31 Uhr (1x Editiert)
Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 13 - 23.10.2010 um 15:26 Uhr
OK. Das der Pixel-Rand bei der Schrift fehlt, fällt gar nicht soooo auf.
Dein Pixel oben im Header gefällt mir aber besser. Werde das mal nachholen.

Im Header hatte ich extra den Login über den Counter gesetzt.
Meld dich mal an.



Also scheint das mit den Listen doch die bessere Variante zu sein.
Dank für die Mühe...



------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 14 - 23.10.2010 um 15:36 Uhr
Aso ja das mit dem Login und Counter mach ich gleich dann noch,
die navi hatte ich noch nicht fertig, wie gesagt war bis grade nicht da ^^

Der Vorteil ist halt, dass das ganze bisher nur ein Bild benötigt,
das hier:
http://files.shockcraft.de/tress/images/background_body.png


Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 15 - 23.10.2010 um 15:55 Uhr
Gar nicht schlecht. Ich bin beeindruckt !
Nur stecke ich leider noch nicht so in HTML und CSS drin, dass ich das so nachbauen könnte.

Habe aber das mit dem BG mal auch so gemacht.
Auch das Footerbild habe ich mal gegen den einfachen Farbcode getauscht.
Wollte eigentlich erst ein Bild statt dessen rein machen.
Da spare ich nun auch n bisl.

Nur mit der Navi komm ich irgendwie nicht ganz klar.
Und das mit dem Footer is mir noch ein Rätzel.


------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 16 - 23.10.2010 um 16:04 Uhr
Du könntest den Code ansich auch einfach so ünbernehmen, kann dir den auch packen.

Was verstehst du denn genau an der navi oder dem Footer nicht?


Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 17 - 23.10.2010 um 16:11 Uhr
An der Navi verstehe ich nicht, wo der hover-Effekt her kommt, wenn du doch nur ein Bild benutzt.
Mit der Liste und den 1 Pixel-Rand-Rechts ist klar.

Und mit dem Footer.
Da bekomme ich den text nicht in die Mitte.
Egal ob ich text-align: center drin habe.
Kannst ja nochmal bei mir schauen.
Ist nämlich gerade so.

css +-
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
1. / 2. / ... 
 /* START Footer */

#footer {
  
background#000;
  
height45px;
  
floatleft;
  
padding-top10px;
}

#copyright {
  
width1000px;
  
floatleft;
  
text-aligncenter;
}

#clanspezifisch {
  
width1000px;
  
floatleft;
  
color#fff;
  
text-aligncenter;
  
text-shadownone;
  
margin-top5px;
}

/* ENDE Footer */


------------------


www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von Tress13 am 23.10.2010 um 16:23 Uhr (2x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 18 - 23.10.2010 um 16:37 Uhr
http://files.shockcraft.de/tress/images/background_body.png

Der obere Teil ist der Hover, also bevor der Header beginnt,
also die ersten 52px.

Mit dem footer muss ich gleich mal gucken.


Inaktiv
|
SlayR ClanSphere Team


Geekboy




Herkunft: Calbe (Saale)
Beiträge: 1133
# Antwort: 19 - 23.10.2010 um 18:33 Uhr
Du könntest doch den footer nochmal in ein div einsperren, dem Du margin-left und margin-right auf auto gibst. das div sollte natürlich nur die breite des textes haben.


------------------
--- CLANSPHERE ---
Professional clan care starts here


Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 20 - 23.10.2010 um 18:38 Uhr
Also das mit dem hover habe ich so noch nie gesehen.
Ist das eine gängige Technik ?
Deshalb hast du im bg-Code auch die -52px drin, die ich mir nicht erklären konnte.

Und mit welchen Teil des Codes holst du die runter ?
Kann das irgendwie nicht ganz nachvollziehen.

Achso vlt dadurch, dass der bg repeated wird und sich halt unten wiederholt,
da du im Code folgendes drin hast:

ul#navigation li a:hover { background: url(../images/background_body.png) 0 0 repeat-x; }


------------------


www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von Tress13 am 23.10.2010 um 18:39 Uhr (2x Editiert)
Inaktiv
|
Antworten: 36
Seite [1] 2 >


Sie müssen sich registrieren, um zu antworten.