:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

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

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

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-size: 12px;
  font-family: Tahoma, Verdana, Arial, Helvetica;
  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

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

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

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

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;
  height: 45px;
  float: left;
  padding-top: 10px;
}

#copyright {
  width: 1000px;
  float: left;
  text-align: center;
}

#clanspezifisch {
  width: 1000px;
  float: left;
  color: #fff;
  text-align: center;
  text-shadow: none;
  margin-top: 5px;
}

/* 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

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

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.

Forum - Thema
Nächstes Thema ->
Forum -> Design -> Templates -> Mal was neues...