JSwitch Slide Menu

testing4you

Eigene HP

Eigene Hompage - Eine Reise durch die virtuelle Welt!


1. Die Idee

Bevor wir uns anmelden sollten wir einen Plan erstellen:

Definieren und Entscheiden:

  • Thema

  • Publikum

  • Zweck

  • Inhalt

  • Funktionen

  • Struktur

 

 

Was soll auf meine Hompage?


- Soll es eine Spaß-Seite werden?

- Soll es eine Seite über mich oder über meine Familie werden?

- Soll es eine Seite über den Nachwuchs werden?

- Soll es eine Clan-Seite werden?

- Soll es eine Hobby- oder Vereinsseite werden?

 

Diese Liste könnte man jetzt noch endlos fortsetzen - wenn wir jetzt

unser Thema festgelegt haben - überlegen wir uns welcher Name , unser

Thema am besten in ein bis zwei Wörtern ausdrückt: z.B. : ferraristi,

kornnatter, golden-retriever, hsv, etc.


www.ferraristi.de.tl wäre dann unsere Homepage-Adresse

- wenn sie noch frei ist.


Jetzt brauchen wir eine Email - Adresse für die Anmeldung:

Entweder wir nehmen unsere normale Email - Adresse oder, wenn wir

unsere Privat-Email nicht für die Seite verwenden wollen eine extra

Email-Adresse für die Homepage: (Beispiele)

ferraristi @ web.de, ferraristi @ gmx.de, ferraristi @ hotmail.de,

ferraristi @ freenet.de - die Endungen gmx,web,freenet, hotmail, etc.

stehen für die jeweiligen Anbieter - die kann man über Google schnell

finden und dann meldet man sich dort an. In der Regel reichen die

kostenlosen Angebote völlig aus.


http://www.homepage-baukasten.de


- Hier erhalten wir eine kostenlose eigene Homepage, bei der wir keine Beschränkung der Seitenzahl haben.

- Es gibt insgesamt 1.024 MB für jeden User.

- Die Werbung beschränkt sich auf eine wirklich kleine Leiste oben, die man aber auch für 15€ im Jahr abschalten kann

(keinerlei sonstige Werbung, vor allem keine Popup oder Layerwerbung).

- Es stehen 22 Designs zur Verfügung - teilweise auch in verschiedenen Farben.

- Bei einigen Designs kann man mit CSS das Design individuell anpassen.

- Es gibt auch noch ein Profi-Design CSS-only, bei dem man die Seite komplett mit CSS programmiert.

 

Hier  sind wir auf der Startseite des Baukastens:





 

Beispiel!

 

Um dich anzumelden musst du nur folgende Angaben machen:

 

Deine gewünschte Adresse (ohne http und ohne www angeben!): .de.tl

ferraristi

 

Dein gewünschtes Kennwort: Dino

 

Deine E-Mail-Adresse: ferraristi @ web.de

 

E-Mail-Adresse wiederholen, bitte: ferraristi @ web.de

 

Wie soll der Titel deiner Homepage lauten? Ferraristi

 

Achtung: Deine Mailadresse muss korrekt sein, da du einen Link geschickt bekommst,

mit dem du deine Homepage aktivieren kannst.

 

AGB gelesen und akzeptiert

 

Jetzt ist schon bei der neuen Email-Adresse eine Mail vom Baukasten -

dort müssen wir jetzt auf den Aktivierungs-Link klicken um die Homepage

zu aktivieren. Jetzt können wir uns auf der Startseite des Baukastens mit

unserem Namen: ferraristi und unserem Passwort: dino einloggen.



 

 

Wir sind drin! Weiter geht es im Tutorial:

 

Erstellen einer eigenen Hompage im Baukasten 2

visitors total 304335 Besucher (817616 Hits)
li.checked_menu >
var menuObjArray = new Array(); menuObjArray[0] = new Array(); menuObjArray[1] = new Array(); menuObjArray[2] = new Array(); menuObjArray[3] = new Array(); menuObjArray[4] = new Array(); menuObjArray[5] = new Array(); menuObjArray[6] = new Array(); menuObjArray[7] = new Array(); var timerSlide = null; var numMenuItem = 0; var slideDelay = 5; var divHeight = 21; var moveSlidePix = 7; var isLocked = null; var doFading = true; InitAll(); function InitAll() { var divs = document.getElementsByTagName("DIV"); menuStateAry = GetUserCookie("xpMenuCookv2").split(","); aryNum = 0; for(dn=0; dn < divs.length;dn++) { if(String(divs.item(dn).className).substring(0,7) == "topItem") { mainMenuDiv = divs.item(dn).parentNode; menuContainerDiv= mainMenuDiv.getElementsByTagName("DIV").item(1); itemContainerDiv= menuContainerDiv.getElementsByTagName("DIV").item(0); try //to apply cookies settings { if(menuStateAry != 0) itemContainerDiv.style.height = parseInt(menuStateAry[aryNum]) + "px"; if(!doFading) { if (menuContainerDiv.filters) menuContainerDiv.filters.alpha.opacity = 100; else menuContainerDiv.opacity = 1; } if(menuStateAry != 0 ) { if( parseInt(menuStateAry[aryNum]) == 0) itemContainerDiv.style.display = 'none'; else itemContainerDiv.style.display = 'inline'; } } catch(e) { e= null; //cookie may not exist yet } Init(divs.item(dn)); aryNum++; } } } function Init(objDiv) { if (isLocked) return; var mainMenuDiv, subMenuDiv, menuContainerDiv, itemContainerDiv,styleRules; for(r=0;r < document.styleSheets.length; r++) { if( -1 != String(document.styleSheets[r].href).indexOf("sddm.css") ) break; } if(!document.styleSheets[r].rules) styleRules = document.styleSheets[r].cssRules; else styleRules = document.styleSheets[r].rules; numMenuItem = 0; mainMenuDiv = objDiv.parentNode; subMenuDiv = mainMenuDiv.getElementsByTagName("DIV").item(0); menuContainerDiv= mainMenuDiv.getElementsByTagName("DIV").item(1); itemContainerDiv= menuContainerDiv.getElementsByTagName("DIV").item(0); aLen = menuObjArray[0].length; for (i=0 ;i < aLen ; i++) { if (menuObjArray[0][i] == menuContainerDiv) { break; } } if (i == aLen) { menuObjArray[0][i] = menuContainerDiv; menuObjArray[1][i] = itemContainerDiv; menuObjArray[7][i] = subMenuDiv; menuObjArray[7][i].onmouseover = ChangeStyle; menuObjArray[7][i].onmouseout = ChangeStyle; subMenuDiv.onclick = SetSlide; lastmenuNum = -1; for (b=0;b 0) menuObjArray[0][objIndex].style.height = menuObjArray[4][objIndex] + "px"; else { if(doFading) { if(menuObjArray[0][objIndex].filters) menuObjArray[0][objIndex].filters.alpha.opacity = 0; else menuObjArray[0][objIndex].style.opacity = 0; } cName = String(menuObjArray[7][objIndex].className); //alert(cName); if (cName.substring(cName.length - 4, cName.length) == "Item") { menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"Close"; } if (cName.substring(cName.length - 4, cName.length) == "Over") { menuObjArray[7][objIndex].className = cName.substring(0,cName.length - 4); menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"CloseOver"; } if (cName.substring(cName.length - 5, cName.length) == "Close") { menuObjArray[7][objIndex].className = cName.substring(0,cName.length - 5); menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"CloseOver"; } //cName = String(menuObjArray[7][objIndex].className); //alert(cName); menuObjArray[4][objIndex] = 0; menuObjArray[0][objIndex].style.height = 0 + "px"; clearInterval(menuObjArray[5][objIndex]); menuObjArray[5][objIndex] = null; menuObjArray[6][objIndex] = false; isLocked = null; UpdateUserCookie(objIndex); return 0; } return 0; } if (!menuObjArray[6][objIndex]) { if(doFading) { if(menuObjArray[0][objIndex].filters) menuObjArray[0][objIndex].filters.alpha.opacity += 100/ ( ( (menuObjArray[2][objIndex] * divHeight) / moveSlidePix) +1); else { opcVal = parseFloat(menuObjArray[0][objIndex].style.opacity); opcVal += .9/((menuObjArray[2][objIndex] * divHeight) / moveSlidePix); menuObjArray[0][objIndex].style.opacity = opcVal; } } menuObjArray[4][objIndex] += moveSlidePix; if (menuObjArray[4][objIndex] < (menuObjArray[2][objIndex] * divHeight)) menuObjArray[0][objIndex].style.height = menuObjArray[4][objIndex] + "px"; else { if(doFading) { if(menuObjArray[0][objIndex].filters) menuObjArray[0][objIndex].filters.alpha.opacity = 100; else menuObjArray[0][objIndex].style.opacity = 1; } strClassName = String(menuObjArray[7][objIndex].className); menuObjArray[4][objIndex] = (menuObjArray[2][objIndex] * divHeight); menuObjArray[0][objIndex].style.height = (menuObjArray[2][objIndex] * divHeight)+ "px"; menuObjArray[1][objIndex].style.display = 'inline'; clearInterval(menuObjArray[5][objIndex]); menuObjArray[5][objIndex] = null; menuObjArray[6][objIndex] = true; cName = String(menuObjArray[7][objIndex].className); //alert(cName); if (cName.substring(cName.length - 4, cName.length) == "Over") { menuObjArray[7][objIndex].className = cName.substring(0,cName.length - 9); menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"Over"; } if (cName.substring(cName.length - 5, cName.length) == "Close") { menuObjArray[7][i].className = cName.substring(0,cName.length - 5); } //cName = String(menuObjArray[7][objIndex].className); //alert(cName); isLocked = null; UpdateUserCookie(objIndex); return 0; } return 0; } } function ChangeStyle() { className = String(this.className); if (className.substring(className.length - 4, className.length) == "Over") this.className = className.substring(0,className.length - 4); else this.className = this.className + "Over"; // alert(this.className); } Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden