Enterpage..

_Shad0w_X_ · 24. August 2011

Hey ich hab eine frage:

Ja ich muss für meine Community eine page erstellen und da wollte ich fragen wie ich das mit dem enterpage am besten hin kriege... ich möchte das wenn man auf der seite drauf geht ein video sofort abspielt und dann unten so 2 kästen sind wo man dann zur seite 1 und zur seite 2 kommt ... ich weis nicht wie ich das erklären soll deswegen hab ich mal eine skizze gemacht:P

hoffe ihr könnts mir da helfen

danke

Awesome · 24. August 2011

Naja sowas könnte man eher in html mit css machen.
Dann einfach nur ein paar Grafiken wie die Button's und das Logo.

Dr.No · 24. August 2011

Code

<div align='center' style='width:100%'>
<div> Hier kommt das Community-Logo rein </div>
<div> Hier kommt das Video rein </div>
</div>
<div style='width:100%'>
<div style='float:left;'> CSS Page Link </div>
<div style='float:right;'> WOW Page Link </div>
</div>

_Shad0w_X_ · 24. August 2011

Dr.No schrieb:

Code

<div align='center' style='width:100%'>

<div> Hier kommt das Community-Logo rein </div>

<div> Hier kommt das Video rein </div>

</div>

<div style='width:100%'>

<div style='float:left;'> CSS Page Link </div>

<div style='float:right;'> WOW Page Link </div>

</div>

wie mach ich den den hintergrund von der seite in schwarz ist nicht so cool^^ und wie mach ich das mit dem video? weil wenn ich youtube link hochlade dann spielt es ja nicht sofort ab oder?

Dr.No · 24. August 2011

YouTube Video automatisch abspielen geht, wenn du an die Endung der URL &autoplay=1 anhängst.
Für den Hintergrund schwarz machst du noch ein Body-Tag um die DIV-Boxen,d.h.:

Code

<body style='background:#000000'>
HIER DAS WAS ICH ZUVOR GEPOSTET HATTE
</body>

Bin nun auch schlafen

_Shad0w_X_ · 24. August 2011

ahh cool danke aber kann man machen das es so Button sind bei den links für seite 1 und 2?

Awesome · 24. August 2011

Bitte
Hat ein bisschen gedauert, weil ich TV nebenbei schaue

Spoiler anzeigen

_Shad0w_X_ · 24. August 2011

das ist ja mal sowas von bombe

Awesome · 24. August 2011

Kannst auch noch alle zahlen anpassen.
z.B. margin die zahl richtet die Bilder weiter in die mitte.
Die farbe bei color & natürlich den link und das Video

_Shad0w_X_ · 24. August 2011

hab das video link mal reingetan aber jetzt ist es weis.. also wird nicht angezeigt wo ist da der fehler?? x) und wo mach ich genau hin das der hintergrund schwarz sein soll?

Spoiler anzeigen

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Insane Community</title>
</head>
<body>
<div align='center' style='width:100%'>
<div>
<img src="http://www.stagetwo.eu/wcf/images/CP-Revolution/logo4.png">
</div>
<br><br>
<div>
<iframe width="640" height="390" src="http://www.youtube.com/watch?v=p9vW6hR9l9c&feature=channel_video_title &autoplay=1 frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div style="bottom: 0;position: fixed; left: 0;">
<span style="font-size:0.9em;color:red;margin:15px;">
<a href="http://www.google.de" target="_blank"><img src="http://www.in2control.co.uk/logos/nicholsons/next.gif"></a>
</div>
<div style="bottom: 0;position: fixed; right: 0;">
<span style="font-size:0.9em;color:red;margin:15px;">
<a href="http://www.google.de" target="_blank"><img src="http://www.in2control.co.uk/logos/nicholsons/next.gif"></a>
</div>
</div>
</body>
</html>

Alles anzeigen

Dipointed · 24. August 2011

_Shad0w_X_ · 24. August 2011

farbe hab ich hingekrigt.. aber das video will bei mir nicht

und das es automatisch abspielt

Awesome · 24. August 2011

Bitte
Um videos zu ändern einfach auf Youtube zu deinem Video und "Weiterleiten"
Danach "Einbetten" und Alten Einbettungscode verwenden und einfach nach dem Link &autoplay=1 hinzufügen.
Die background-color farbe kannst du nun einfach ändern. Hier findest du dann den Hex code für deine Farbe (Link)
Bei den Bildern am besten in photoshop ein transparenters png bild machen oder mit schwarzem hintergrund

Noch welche fragen, dann immerher damit

Spoiler anzeigen

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Enterpage</title>
<style type="text/css">
body {
background-color:#000;
}
</style>
</head>
<body>
<div align='center' style='width:100%'>
<div>
<img src="http://www.stagetwo.eu/wcf/images/CP-Revolution/logo4.png">
</div>
<br><br>
<div>
<object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/p9vW6hR9l9c?version=3&hl=de_DE&rel=0&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/p9vW6hR9l9c?version=3&hl=de_DE&rel=0&autoplay=1" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
</div>
<div style="bottom: 0;position: fixed; left: 0;">
<span style="font-size:0.9em;color:red;margin:15px;">
<a href="http://www.facebook.de" target="_blank"><img src="http://www.schweizer.cn/wp-content/uploads/2010/04/facebook.png"></a>
</div>
<div style="bottom: 0;position: fixed; right: 0;">
<span style="font-size:0.9em;color:red;margin:15px;">
<a href="http://www.youtube.de" target="_blank"><img src="http://www.veryicon.com/icon/png/Internet%20%26%20Web/Free%20Social/Youtube.png"></a>
</div>
</div>
</body>
</html>

Alles anzeigen

_Shad0w_X_ · 24. August 2011

helf mir mal x)

hab jetzt mal so bissien was dran gemacht zum testen aber das mit video klappt immer noch nicht..

hier das ist das video

http://www.youtube.com/watch?v=p9vW6hR9l9c&feature=channel_video_title

und hier der der hmtl code

Spoiler anzeigen

HTML

<body style='background:#000000'>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Insane Community</title>
</head>
<body>
<div align='center' style='width:100%'>
<div>
<img src="http://image.cp-g.de/pics/4e5569a014b63.gif">
</div>
<br><br>
<div>
<iframe width="640" height="390" src="http://www.youtube.com/embed/p9vW6hR9l9c?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div style="bottom: 0;position: fixed; left: 0;">
<span style="font-size:0.9em;color:red;margin:15px;">
<a href="http://www.google.de" target="_blank"><img src="http://image.cp-g.de/pics/4e556d85076aa.jpg"></a>
</div>
<div style="bottom: 0;position: fixed; right: 0;">
<span style="font-size:0.9em;color:red;margin:15px;">
<a href="http://www.google.de" target="_blank"><img src="http://www.in2control.co.uk/logos/nicholsons/next.gif"></a>
</div>
</div>
</body>
</html>
</body>

Alles anzeigen

kannst du da das video einfügen und gleich das mit dem autoplay? danke und das keine ähnlichen video anzeigen soll nur das eine halt kann man da einstellen hab ich gesehen

Awesome · 24. August 2011

Ist doch im beitrag über dir

Code

<div>
<object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/p9vW6hR9l9c?version=3&hl=de_DE&rel=0&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/p9vW6hR9l9c?version=3&hl=de_DE&rel=0&autoplay=1" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>

_Shad0w_X_ · 24. August 2011

ups sry x) jetzt klaps wunder bar

Awesome · 24. August 2011

Kein problem
Sofern da noch was anderes reinsoll sag einfach bescheid.

_Shad0w_X_ · 24. August 2011

wie kann ich das logo oben weiter runter tuhen also ein bissien und die 2 logos unten bissien weiter rauf? weil hab in der mitte einfach nix x)

so siehts bei mir grad aus

Spoiler anzeigen

HTML

<body style='background:#000000'>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Insane Community</title>
</head>
<body>
<div align='center' style='width:100%'>
<div>
<img src="http://image.cp-g.de/pics/4e5569a014b63.gif">
</div>
<br><br>
<div>
<object width="853" height="510"><param name="movie" value="http://www.youtube.com/v/p9vW6hR9l9c?version=3&hl=de_DE&rel=0&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/p9vW6hR9l9c?version=3&hl=de_DE&rel=0&autoplay=1" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
</div>
<div style="bottom: 0;position: fixed; left: 0;">
<span style="font-size:0.9em;color:red;margin:15px;">
<a href="http://www.google.de" target="_blank"><img src="http://image.cp-g.de/pics/4e556d85076aa.jpg"></a>
</div>
<div style="bottom: 0;position: fixed; right: 0;">
<span style="font-size:0.9em;color:red;margin:15px;">
<a href="http://www.google.de" target="_blank"><img src="http://image.cp-g.de/pics/4e556f63bd648.jpg"></a>
</div>
</div>
</body>
</html>
</body>

Alles anzeigen

Awesome · 25. August 2011

Hier bitte
Direkt über dem Bild einfach ein paar <br> setzen um das Logo nach unten zusetzen.
Und bei den Buttons <div style="bottom: 0;position: fixed; left: 0;padding:35px;"> setzt es einwenig nach oben und weiter in die mitte.
Sofern es nicht soweit in die mitte soll einfach margin weiter runterschrauben

Spoiler anzeigen

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Insane Community</title>
<style type="text/css">
body {
background-color:#000;
}
</style>
</head>
<body>
<div align='center' style='width:100%'>
<div>
<br><br><br>
<img src="http://image.cp-g.de/pics/4e5569a014b63.gif">
</div>
<br><br>
<div>
<object width="853" height="510"><param name="movie" value="http://www.youtube.com/v/p9vW6hR9l9c?version=3&hl=de_DE&rel=0&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/p9vW6hR9l9c?version=3&hl=de_DE&rel=0&autoplay=1" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
</div>
<div style="bottom: 0;position: fixed; left: 0;padding:35px;">
<span style="font-size:0.9em;color:red;margin:15px;">
<a href="http://www.google.de" target="_blank"><img src="http://image.cp-g.de/pics/4e556d85076aa.jpg"></a>
</div>
<div style="bottom: 0;position: fixed; right: 0;padding:35px;">
<span style="font-size:0.9em;color:red;margin:15px;">
<a href="http://www.google.de" target="_blank"><img src="http://image.cp-g.de/pics/4e556f63bd648.jpg"></a>
</div>
</div>
</body>
</html>
</body>

Alles anzeigen

Update: Ich habe es mal verschoben in die richtige sektion.

_Shad0w_X_ · 25. August 2011

und wieder mag ich was wissen

wäre es möglich das der background von meiner Enterpage genau so aussieht wie meine clanpage werden wird?

da ist der background und er soll in meiner enterpage eingebunden werden

enterpage und da ist der hintergrund Link

Teilen