Anmelden
?

Verbesserungen

COde hab ich noch keinen, weil ich beim suchen schon gesehen habe, dass es Script braucht ;(
grundkonzept ist einer "leere" seite, also ein Tolles, chillig bild und gewisse bereiche sind halt die BUttons zu den unterseiten wie about me etc.
also Erst ganz normal das Bild und wenn der User mit der Maus über das Bild geht hebt sich ein Teil bereich hervor und zeigt an, wohin es geht
dazu wollte ich ein ein Bild unsichtbar haben und sichtbar machen, wenn die maus darüber ist. so das es wie ein lechtender button aussieht. Auf das Bild klicken=LINK

wie mir ein freund gesagt hat: CSS ist noch unübersichtlicher als HTML :v:
 
Zuletzt bearbeitet:
PapstJL4U schrieb:
COde hab ich noch keinen, weil ich beim suchen schon gesehen habe, dass es Script braucht ;(
grundkonzept ist einer "leere" seite, also ein Tolles, chillig bild und gewisse bereiche sind halt die BUttons zu den unterseiten wie about me etc.
also Erst ganz normal das Bild und wenn der User mit der Maus über das Bild geht hebt sich ein Teil bereich hervor und zeigt an, wohin es geht
dazu wollte ich ein ein Bild unsichtbar haben und sichtbar machen, wenn die maus darüber ist. so das es wie ein lechtender button aussieht. Auf das Bild klicken=LINK

wie mir ein freund gesagt hat: CSS ist noch unübersichtlicher als HTML :v:
Klicken, um alles anzuzeigen...

Ich hab aus eigenem Interesse mal mit sowas herumgespielt: http://floggi.consolewars.de/archive/
Meintest du das in etwa so? (Beweg den Cursor über den Busch, die Röhre oder den Block)
Also vom Prinzip her.



@tkx
Wäre es möglich, auch Mehrfach-Conditions zu erlauben? Also sowas wie {condition:ifAboutPage,ifMainPage}. Sodass ein Block halt nicht nur auf genau einer bestimmten Seite, sondern x bestimmten Seiten gerendert wird.
 
jo genau sowas....^^^schau ich mir mal den quelltext davon an^^

zu deiner frage: reicht es nicht aus einfach das ganze, was du auf mehreren seiten haben willst, in alle conditions zu copy&pasten ;>?
 
PapstJL4U schrieb:
jo genau sowas....^^^schau ich mir mal den quelltext davon an^^
Klicken, um alles anzuzeigen...

Der ist nicht gerade schön :oops:
Ich hab einfach die 3 Dinger (Busch, Röhre, Block) farbig als eigene Dateien gespeichert, per CSS unsichtbar gemacht und im (schwarzweißen) Originalbild an die richtige Position gesetzt (position:absolute). Dann mit :hover sichtbar machen.

Und genau auf diese Art kannst du deinen Style machen. Absolut positionieren und hover-Style festlegen. Mit Transitions kannst du sogar Animationen reinbringen.
Wenn dir CSS nicht liegt, mach einfach ein Mockup oder Skizzen und schick die mir, ich muss eh üben ;)

PapstJL4U schrieb:
zu deiner frage: reicht es nicht aus einfach das ganze, was du auf mehreren seiten haben willst, in alle conditions zu copy&pasten ;>?
Klicken, um alles anzuzeigen...

Hm, wär ne Möglichkeit, aber nicht optimal. Wartungsunfreundlich/fehleranfällig.. :hmm:
 
Zuletzt bearbeitet:
fffuuuuuu warum klappt das nicht ;>

Code: so wie er ist funzt er, wenn ich ihn als index.html nutze ganz prima (unter Firefox, unter IE nicht :mad:)
aber wenn ich ihne bei CW nutzen will kommt nur das hintergrund bild.
>passieren müsste, dass wenn die maus über dem label der vinyl scheibe, diese mit weißem rand hervor tritt ;>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>PapstJLs_Blog</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>


<body>
<style type="text/css">
body{ background-image:url("http://img225.imageshack.us/img225/1542/champloo.png");
background-repeat:no-repeat;
background-position: top left;
background-color: #fe8301;}
img{ opacity:0;
filter:alpha(opacity=0);}
menu1:hover img{ opacity:1;
filter:alpha(opacity=100);
position:absolute;
left:7px;
top:12px;}

</style>
<menu1>

<img src="aboutme_1.png" align="left" border="0" alt="FuuMain">
</menu1>

</body>

</html>
 
Dieser Teil:


img{ opacity:0;
filter:alpha(opacity=0);}
menu1:hover img{ opacity:1;
filter:alpha(opacity=100);
position:absolute;
left:7px;
top:12px;}


dieses "filter" ist microsoft-spezifisch. Das ist kein normales CSS.
Benutz doch mal CSS-3 Transitions. Funktioniert in den meisten modernen Browsern.

ACHJA: Der Style-tag ist innerhalb des body tags, zieh den da raus, und stell ihn VOR das body hin:
Ausserdem gibt es (noch) kein Tag mit dem Namen "menu". Das wird schlicht ignoriert von den meisten Browsern.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>PapstJLs_Blog</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>

<style type="text/css">
body{ background-image:url("http://img225.imageshack.us/img225/1542/champloo.png");
background-repeat:no-repeat;
background-position: top left;
background-color: #fe8301;}
img{ opacity:0;
filter:alpha(opacity=0);}
menu1:hover img{ opacity:1;
filter:alpha(opacity=100);
position:absolute;
left:7px;
top:12px;}

</style>


<body>

<menu1>

<img src="aboutme_1.png" align="left" border="0" alt="FuuMain">
</menu1>

</body>

</html>
Klicken, um alles anzuzeigen...
 
Zuletzt bearbeitet:
joa, das mit filter ist drinne, weil auf w3schools steht, das IE opacity nicht unterstütz, allerdings kann ich das nur mit meinem IE testen und der ist nicht der aktuellste xD

joa, danke ich werde es machen...btw: gibts nen CSS/HTML thread ;>?
 
Hm, könnte man die Übersicht, die man auf der Forenseite an der Oberseite des Bildschirms hat, nicht auch auf die Hauptseite übertragen? Ich weiß, dass es schon eine gibt, aber eine Übersicht, die genauso aussieht :)

Das hier meine ich:

aufzeichnenc.jpg


Damit wäre die Navigation gerade für Neulinge übersichtlicher bzw. generell einfacher :)
 
Zuletzt bearbeitet:
@Yggi: Falsches Forum/Thread, und ich hab überhaupt keine Ahnung was Du meinst. :?
 
floggi schrieb:
Auf der Hauptseite denselben Header wie im Forum verwenden, einheitliches Design
Klicken, um alles anzuzeigen...

Das Forum ist ein eigenständiger Teil und unterscheidet sich vom Rest von CW. Ich könnte den Kopf vom Forum rüberkopieren auf den Rest von CW, würde aber IMO nicht so gut aussehen... Vielleicht sollte ich im Logo einfach "Forums" dazuschreiben, dann wäre das klarer
 
tkx schrieb:
Das Forum ist ein eigenständiger Teil und unterscheidet sich vom Rest von CW. Ich könnte den Kopf vom Forum rüberkopieren auf den Rest von CW, würde aber IMO nicht so gut aussehen... Vielleicht sollte ich im Logo einfach "Forums" dazuschreiben, dann wäre das klarer
Klicken, um alles anzuzeigen...

Passt schon so. Der Header passt zum Forum - die Farben sind hier überall schön matt und angenehm, nicht so pseudo-glänzend und grell wie auf der Hauptseite.

Aber der Header gehört imo etwas aufgeräumt.. 3 Leisten, einige Redundanzen, der Facebook-Kram..
 
Zuletzt bearbeitet:
Vielleicht wurde es schon gesagt, aber ich hab nen relativ unschönen "Fehler" bemerkt. Und zwar werden rechts in der Vorschau zu den neuesten Beiträgen auch die Texte, die man normal in Spoilerkästen gepackt hat, normal angezeigt.

So könnte man sich also ungewollt spoilern und das wär natürlich nicht so toll... :P
 
Du musst dich anmelden oder registrieren, um zu antworten.
Zurück
Top Bottom