Emil-Online.de.tl

Youtube

Youtube

Dieses Design ist Speziell für Leute die für ihren Youtube Kanal eine Homepage erstellen möchten. Wichtig: Lese dir die rechtsstsehenden Informationen Aufmerksam durch und wende sie ordnungsgemäß an. Neustes Video einfügen.

Code: Text über dem Design

<div id="con_title">Youtube </div>

<div id="Logo" style="position: absolute; top: 150px; left: 50%; margin-left:-350px; width: 303px; height: 151px; text-align: center;"><a href="URL deines YouTube Kanal"><img src="http://emil-online.square7.ch/Themes/Youtube/Youtube.png" onmouseover="http://emil-online.square7.ch/Themes/Youtube/YoutubeHover.png'" onmouseout="this.src='http://emil-online.square7.ch/Themes/Youtube/Youtube.png'"/></a></div>

Code: CSS-Code ohne Style Tags:

-->
</style>
<center>
<style type="text/css">
<!--

td[height="102"] {
position:absolute;
left:50%;
margin-left:-376px; }

*{margin:0px; padding:0px; }

body {
background-color: #ffffff;
background-image: none; }

#container {
margin: auto;
width: 800px;
height: 600px;
background-image:url(http://emil-online.square7.ch/Themes/Youtube/Gr%fcn.png); }

#content {
position:absolute;
left:50%;
top: 432px;
margin-left:-400px;
width: 800px;
font-size: 13px;
font-family: arial;
color: #000000;
text-align: left;
background-color: #DCDCDC;
border: 0px solid #FFFFFF;
}

#sidebar_container {
position:absolute;
left:50%;
top: 160px;
margin-left:6px;
width: 400px;
height: 300px;
border: 0px solid #000000;
overflow: auto; }

h1#header{
position:absolute;
left:50%;
top: 333px;
margin-left:-340px;
font-size: 23px;
font-family: Comic Sans MS;
color: #000000;
text-align: left;
}

#nav_container{
position:absolute;
left:50%;
top: 400px;
margin-left:-400px;
width: 800px;
height: 30px;
border: 0px solid #000000;
z-index:10;
}

#con_title {
position:absolute;
left:50%;
top: 110px;
margin-left:230px;
font-size: 20px;
font-family: arial;
color: #000000;
text-align: left;
z-index:11;
}

#title span {display:none;}

li.nav_element {
list-style-type: none;
position: relative;
float:left; }

#nav_container {
position: absolute;
left:20%;
top:400px;
margin-left:2px;
border:0px solid #FFFFFF;}

li.nav_element {
list-style-type: none;
position: relative;
margin-bottom:5px;}

li.nav_element a {
display: auto;
width: 75px;
font-family:Comic Sans MS;
font-size:20px;
text-decoration: none;
text-align: left;
padding-left:15px;
color:#000000;
border: 0px solid #000000;}

li.nav_element a:hover{
color: #808080;}

So fügst du das Design ein.
-> Logg dich in dein HPBK Account ein.
->Wähle Design einstellen
->Wähle Erweiterte einstellungen

Vollgendes must du machen damit das Design Funktioniert:
->Variablen Aktivieren
Das geht so:
->Loggge dich in dein HPBK Account ein.
->Wähle: Einstellungen
-> Scrolle runter bis: Profi Einstellungen (Als Anfänger bitte nicht ändern!)
-> Machen einen Hacken bei:Variablen verwenden.
->Wähle: Speichern

Design mit deinem Youtube Kanal verknüpfen:
->Füge die URL deines Youtube Channels anstelle des Rotgefärbten bereiches ein.

Design Farbe wählen:
Füge eine der follgenden URLs anstelle des Blau markierten Textes ein.
Für
Blau:http://emil-online.square7.ch/Themes/Youtube/Blau.png
Gelb:http://emil-online.square7.ch/Themes/Youtube/Gelb.png
Rot:http://emil-online.square7.ch/Themes/Youtube/Rot.png
Lila:http://emil-online.square7.ch/Themes/Youtube/Lila.png
Rosa:http://emil-online.square7.ch/Themes/Youtube/Lila(hell).png
Türkis:http://emil-online.square7.ch/Themes/Youtube/Ice.png
Orange:http://emil-online.square7.ch/Themes/Youtube/Orange.png