Hey Retrozonas,
jeder von euch kennt bestimmt das Flabbo Hotel,
es war eins der erfolgreichsten v18 Hotels.
Wir hatten ein CSS Design, das gecodet wurde von Fact0rX und mir.
Die Navigation, ist oben-mitte,
nicht an der Seite.
Der Hintergrund ist mit Wolken bedeckt.
Der Banner ist der vom Flabbo-Hotel.
Das Copyrigth muss umbedingt dran bleiben!## Credits to ##
Fact0rX
PinkFruit
tascha
TippEx
CSS Design
Vorgeschmack:
![[TUT]Flabbo Design Last10](https://i.servimg.com/u/f62/15/12/95/64/last10.png)
-----------------------------------------------------------------------------------------------------------------------------
So gehts:
1. Logg dich bei Homepage-Baukasten ein. (kein Account? Registrier dich bei Homepage-Baukasten.de und logg dich ein)
2. Gehe auf Design einstellen
![[TUT]Flabbo Design Step1_10](https://i.servimg.com/u/f62/15/12/95/64/step1_10.jpg)
3. Wähle das Design
![[TUT]Flabbo Design Step210](https://i.servimg.com/u/f62/15/12/95/64/step210.png)
4. Klicke auf das Design,scrolle runter und klick auf Erweiterte Einstellung
![[TUT]Flabbo Design Step310](https://i.servimg.com/u/f62/15/12/95/64/step310.png)
5. Gebe bei Text über dem Design folgendes an:
- Code:
-
<Script Language='Javascript'>
<!--
document.write(unescape('%44%65%73%69%67%6E%20%62%79%20%46%61%63%74%30%72%58%20%26%20%50%69%6E%6B%46%72%75%69%74%0A'));
//-->
</Script>
![[TUT]Flabbo Design Step510](https://i.servimg.com/u/f62/15/12/95/64/step510.png)
6. Dadrunter steht Text unter dem Design, dort gibst du folgendes ein:
- Code:
-
<Script Language='Javascript'>
<!--
document.write(unescape('%43%6F%70%79%72%69%67%68%74%20%62%79%20%46%61%63%74%30%72%58%20%26%20%50%69%6E%6B%46%72%75%69%74%0A'));
//-->
</Script>
![[TUT]Flabbo Design Step610](https://i.servimg.com/u/f62/15/12/95/64/step610.png)
7. und letztens: Du gehst weiter runter und dort sind wieder Kästen
Hinweis unter dem Inhalts-Bereich (z.B. Copyright):
und
CSS-Code
ohne Style Tags
in beiden gibst du folgenden Code ein:
- Code:
-
<Script Language='Javascript'>
<!--
document.write(unescape('%2F%2F%2D%2D%3E%0A%0A%0A%3C%2F%73%63%72%69%70%74%3E%20%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%20%0A%0A%0A%62%6F%64%79%20%7B%0A%0A%0A%20%20%20%20%73%63%72%6F%6C%6C%62%61%72%2D%33%64%6C%69%67%68%74%2D%63%6F%6C%6F%72%3A%3B%0A%0A%0A%20%20%20%20%73%63%72%6F%6C%6C%62%61%72%2D%61%72%72%6F%77%2D%63%6F%6C%6F%72%3A%3B%0A%0A%0A%20%20%20%20%73%63%72%6F%6C%6C%62%61%72%2D%66%61%63%65%2D%63%6F%6C%6F%72%3A%23%31%36%31%35%31%35%3B%0A%0A%0A%20%20%20%20%73%63%72%6F%6C%6C%62%61%72%2D%74%72%61%63%6B%2D%63%6F%6C%6F%72%3A%3B%0A%0A%0A%20%20%20%20%73%63%72%6F%6C%6C%62%61%72%2D%64%61%72%6B%73%68%61%64%6F%77%2D%63%6F%6C%6F%72%3A%3B%0A%0A%0A%20%20%20%20%73%63%72%6F%6C%6C%62%61%72%2D%68%69%67%68%6C%69%67%68%74%2D%63%6F%6C%6F%72%3A%3B%0A%0A%0A%20%20%20%20%73%63%72%6F%6C%6C%62%61%72%2D%73%68%61%64%6F%77%2D%63%6F%6C%6F%72%3A%3B%0A%0A%0A%7D%0A%0A%0A%3C%2F%73%74%79%6C%65%3E%0A%0A%0A%3C%6C%69%6E%6B%20%72%65%6C%3D%22%73%68%6F%72%74%63%75%74%20%69%63%6F%6E%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%69%6D%67%2E%77%65%62%6D%65%2E%63%6F%6D%2F%70%69%63%2F%66%2F%66%6C%61%62%62%6F%68%6F%74%65%6C%2F%79%65%61%68%2E%67%69%66%22%20%74%79%70%65%3D%22%69%6D%61%67%65%2F%76%6E%64%2E%6D%69%63%72%6F%73%6F%66%74%2E%69%63%6F%6E%22%20%2F%3E%20%20%20%20%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%0A%0A%0A%3C%21%2D%2D%0A%0A%0A%2A%2F%69%6D%67%20%7B%0A%0A%0A%62%6F%72%64%65%72%3A%6E%6F%6E%65%3B%0A%0A%0A%7D%0A%0A%0A%62%6F%64%79%20%7B%0A%0A%0A%6D%61%72%67%69%6E%3A%30%70%78%3B%0A%0A%0A%70%61%64%64%69%6E%67%3A%30%70%78%3B%0A%0A%0A%68%65%69%67%68%74%3A%31%30%30%25%3B%0A%0A%0A%62%61%63%6B%67%72%6F%75%6E%64%2D%69%6D%61%67%65%3A%20%75%72%6C%28%68%74%74%70%3A%2F%2F%69%6D%67%2E%77%65%62%6D%65%2E%63%6F%6D%2F%70%69%63%2F%66%2F%66%6C%61%62%62%6F%68%6F%74%65%6C%2F%66%6C%61%62%62%6F%68%6F%74%65%6C%2E%64%65%2E%74%6C%29%3B%0A%0A%0A%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%56%65%72%64%61%6E%61%3B%0A%0A%0A%66%6F%6E%74%2D%73%69%7A%65%3A%31%32%70%78%3B%0A%0A%0A%0A%0A%0A%7D%0A%0A%0A%23%73%6D%61%6C%6C%62%67%20%7B%0A%0A%0A%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%0A%0A%74%6F%70%3A%30%3B%0A%0A%0A%6C%65%66%74%3A%30%3B%0A%0A%0A%77%69%64%74%68%3A%31%30%30%25%3B%0A%0A%0A%68%65%69%67%68%74%3A%32%35%30%70%78%3B%0A%0A%0A%62%61%63%6B%67%72%6F%75%6E%64%3A%23%30%30%33%33%30%30%20%75%72%6C%28%68%74%74%70%3A%2F%2F%69%6D%67%2E%77%65%62%6D%65%2E%63%6F%6D%2F%70%69%63%2F%66%2F%66%6C%61%62%62%6F%68%6F%74%65%6C%2F%66%6C%61%62%62%6F%68%6F%74%65%6C%2E%64%65%2E%74%6C%31%2E%70%6E%67%29%20%72%65%70%65%61%74%2D%78%3B%0A%0A%0A%7A%2D%69%6E%64%65%78%3A%2D%31%3B%0A%0A%0A%7D%0A%0A%0A%23%70%72%65%5F%68%65%61%64%65%72%20%7B%0A%0A%0A%68%65%69%67%68%74%3A%33%38%70%78%3B%0A%0A%0A%62%61%63%6B%67%72%6F%75%6E%64%3A%75%72%6C%28%68%74%74%70%3A%2F%2F%69%6D%67%2E%77%65%62%6D%65%2E%63%6F%6D%2F%70%69%63%2F%66%2F%66%6C%61%62%62%6F%68%6F%74%65%6C%2F%6C%65%69%73%74%65%2D%70%69%6E%6B%66%72%75%69%74%2E%70%6E%67%29%20%6E%6F%2D%72%65%70%65%61%74%3B%0A%0A%0A%77%69%64%74%68%3A%38%30%30%70%78%3B%0A%0A%0A%7D%0A%0A%0A%23%63%6F%6E%74%61%69%6E%65%72%20%7B%0A%0A%0A%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%0A%0A%6C%65%66%74%3A%35%30%25%3B%0A%0A%0A%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%2D%34%30%30%70%78%3B%0A%0A%0A%74%6F%70%3A%31%32%30%70%78%3B%0A%0A%0A%77%69%64%74%68%3A%38%30%30%70%78%3B%0A%0A%0A%7D%0A%0A%0A%2E%68%65%61%64%65%72%20%7B%0A%0A%0A%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%0A%0A%0A%7D%0A%0A%0A%23%68%65%61%64%65%72%20%7B%0A%0A%0A%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%0A%0A%0A%7D%0A%0A%0A%23%70%6F%73%74%5F%68%65%61%64%65%72%20%7B%0A%A9%20%54%69%74%75%73%20%75%6E%64%20%46%61%63%74%30%72%58%0A%0A%77%69%64%74%68%3A%38%30%30%70%78%3B%0A%0A%0A%68%65%69%67%68%74%3A%32%30%30%70%78%3B%0A%0A%0A%62%61%63%6B%67%72%6F%75%6E%64%3A%75%72%6C%28%68%74%74%70%3A%2F%2F%69%6D%67%2D%68%6F%73%74%69%6E%67%2E%65%75%2F%69%6D%61%67%65%73%2F%35%2E%67%69%66%29%3B%0A%0A%0A%7D%0A%0A%0A%23%68%65%61%64%65%72%5F%63%6F%6E%74%61%69%6E%65%72%20%7B%0A%0A%0A%77%69%64%74%68%3A%38%30%30%70%78%3B%0A%0A%0A%68%65%69%67%68%74%3A%32%33%38%70%78%3B%0A%0A%0A%7D%0A%0A%0A%23%6E%61%76%5F%63%6F%6E%74%61%69%6E%65%72%20%7B%0A%0A%0A%62%61%63%6B%67%72%6F%75%6E%64%3A%75%72%6C%28%68%74%74%70%3A%2F%2F%69%6D%67%31%39%39%2E%69%6D%61%67%65%73%68%61%63%6B%2E%75%73%2F%69%6D%67%31%39%39%2F%35%33%30%36%2F%6D%65%6E%75%75%6A%2E%70%6E%67%29%3B%0A%0A%0A%77%69%64%74%68%3A%37%38%34%70%78%3B%0A%0A%0A%68%65%69%67%68%74%3A%33%30%70%78%3B%0A%0A%0A%6C%69%6E%65%2D%68%65%69%67%68%74%3A%33%30%70%78%3B%0A%0A%0A%76%65%72%74%69%63%61%6C%2D%61%6C%69%67%6E%3A%6D%69%64%64%6C%65%3B%0A%0A%0A%70%61%64%64%69%6E%67%2D%6C%65%66%74%3A%31%30%70%78%3B%0A%0A%0A%62%6F%72%64%65%72%3A%33%70%78%20%23%30%30%30%30%30%30%20%73%6F%6C%69%64%3B%0A%0A%0A%62%6F%72%64%65%72%2D%74%6F%70%3A%6E%6F%6E%65%3B%0A%0A%0A%7D%0A%0A%0A%23%6E%61%76%5F%68%65%61%64%69%6E%67%20%7B%0A%0A%0A%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%0A%0A%0A%7D%0A%0A%0A%75%6C%23%6E%61%76%20%7B%0A%0A%0A%6D%61%72%67%69%6E%3A%30%3B%0A%0A%0A%66%6C%6F%61%74%3A%6C%65%66%74%3B%0A%0A%0A%70%61%64%64%69%6E%67%3A%30%3B%0A%0A%0A%7D%0A%0A%0A%6C%69%2E%6E%61%76%5F%65%6C%65%6D%65%6E%74%20%7B%0A%0A%0A%66%6C%6F%61%74%3A%6C%65%66%74%3B%0A%0A%0A%6C%69%73%74%2D%73%74%79%6C%65%3A%6E%6F%6E%65%3B%0A%77%77%77%2E%72%65%74%72%6F%2D%6D%61%6B%65%72%2E%6E%65%74%2E%6D%73%0A%0A%6D%61%72%67%69%6E%3A%30%3B%0A%0A%0A%70%61%64%64%69%6E%67%2D%6C%65%66%74%3A%38%70%78%3B%0A%0A%0A%70%61%64%64%69%6E%67%2D%72%69%67%68%74%3A%38%70%78%3B%0A%0A%0A%62%6F%72%64%65%72%3A%6E%6F%6E%65%3B%0A%0A%0A%62%6F%72%64%65%72%2D%72%69%67%68%74%3A%31%70%78%20%73%6F%6C%69%64%20%23%30%30%33%33%30%30%3B%0A%0A%0A%7D%0A%0A%0A%2E%6D%65%6E%75%20%7B%0A%0A%0A%66%6F%6E%74%2D%73%69%7A%65%3A%31%32%70%78%3B%0A%0A%0A%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%6E%6F%6E%65%3B%0A%0A%0A%63%6F%6C%6F%72%3A%23%46%46%46%46%46%46%3B%0A%0A%0A%7D%0A%0A%0A%2E%6D%65%6E%75%3A%68%6F%76%65%72%20%7B%0A%0A%0A%63%6F%6C%6F%72%3A%23%46%46%30%30%30%30%3B%0A%0A%0A%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%6E%6F%6E%65%3B%0A%0A%0A%7D%0A%0A%0A%23%63%6F%6E%74%65%6E%74%20%7B%0A%0A%0A%62%6F%72%64%65%72%3A%33%70%78%20%23%30%30%30%30%30%30%20%73%6F%6C%69%64%3B%0A%0A%0A%62%6F%72%64%65%72%2D%74%6F%70%3A%6E%6F%6E%65%3B%0A%0A%0A%62%61%63%6B%67%72%6F%75%6E%64%3A%23%35%30%42%30%46%46%3B%0A%0A%0A%74%65%78%74%2D%61%6C%69%67%6E%3A%6A%75%73%74%69%66%79%3B%0A%0A%0A%70%61%64%64%69%6E%67%2D%6C%65%66%74%3A%31%30%70%78%3B%0A%0A%77%77%77%2E%66%6C%61%62%62%6F%2E%64%65%2E%6B%69%0A%70%61%64%64%69%6E%67%2D%72%69%67%68%74%3A%31%30%70%78%3B%0A%0A%0A%77%69%64%74%68%3A%37%37%34%70%78%3B%0A%0A%0A%70%61%64%64%69%6E%67%2D%74%6F%70%3A%31%30%70%78%3B%0A%0A%0A%70%61%64%64%69%6E%67%2D%74%6F%70%3A%31%30%70%78%3B%0A%0A%0A%7D%0A%0A%0A%68%32%23%74%69%74%6C%65%20%7B%0A%0A%0A%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%0A%0A%0A%7D%0A%0A%0A%23%63%6F%75%6E%74%65%72%20%7B%0A%0A%0A%74%65%78%74%2D%61%6C%69%67%6E%3A%72%69%67%68%74%3B%0A%0A%0A%66%6F%6E%74%2D%73%69%7A%65%3A%31%30%70%78%3B%0A%0A%0A%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%56%65%72%64%61%6E%61%3B%0A%0A%0A%63%6F%6C%6F%72%3A%23%30%30%33%33%30%30%3B%0A%0A%0A%7D%0A%0A%0A%23%73%69%64%65%62%61%72%5F%68%65%61%64%69%6E%67%20%7B%0A%0A%0A%6D%61%72%67%69%6E%3A%30%3B%0A%0A%0A%66%6F%6E%74%2D%73%69%7A%65%3A%31%34%70%78%3B%0A%0A%0A%66%6F%6E%74%2D%77%65%69%67%68%74%3A%62%6F%6C%64%3B%0A%0A%0A%7D%0A%0A%0A%2E%73%75%62%70%61%67%65%20%7B%0A%0A%0A%66%6F%6E%74%2D%73%69%7A%65%3A%31%32%70%78%3B%0A%0A%0A%7D%0A%0A%0A%61%20%7B%0A%0A%0A%63%6F%6C%6F%72%3A%23%30%30%36%36%30%30%3B%0A%0A%0A%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%75%6E%64%65%72%6C%69%6E%65%3B%0A%0A%0A%7D%0A%0A%0A%61%3A%68%6F%76%65%72%20%7B%0A%0A%0A%63%6F%6C%6F%72%3A%23%30%30%39%39%30%30%3B%0A%0A%0A%7D%0A%0A%0A%23%47%6F%6F%67%6C%65%41%44%43%53%53%20%7B%0A%0A%0A%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%0A%0A%6C%65%66%74%3A%35%30%25%3B%0A%0A%0A%74%6F%70%3A%31%30%70%78%3B%0A%0A%0A%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%2D%33%36%34%70%78%3B%0A%0A%0A%7D%0A%0A%0A%2F%2F%2D%2D%3E%0A%0A%44%65%73%69%67%6E%20%62%79%20%50%69%6E%6B%46%72%75%69%74%20%26%20%53%79%6C%63%6F%72%65%0A%3C%2F%73%74%79%6C%65%3E%20%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%20%0A%44%65%73%69%67%6E%20%62%79%20%50%69%6E%6B%46%72%75%69%74%20%26%20%53%79%6C%63%6F%72%65%0A%0A'));
//-->
</Script>
![[TUT]Flabbo Design Lastst10](https://i.servimg.com/u/f62/15/12/95/64/lastst10.png)
- Dann klickst du auf Speichern, und speicherst es,
geh dann auf deine Seite und du hast das wundervolle Design
Achtung- Copyright dran lassen
!!- Man darf nicht so viele Kategorien haben
Vorgeschmack:
