1 paź 2012

[Szablon] Angry Birds Publikacja

Sieeema.

No cóż jako że nikt praktycznie nie chciał brać udziału w konkursie zamieszczam poniżej pełen szablon z Angry Birds. No może nie koniecznie pełny gdyż kolory tekstów jak i bloków od znajomych nie publikuje może później jak pozbawię tego bloku błędów. :D

A tak to macie tutaj wszystkie style:



Menu:

<div id="black_top"> 
    <ul id="black_menu"> 
        <li><a href="/strona">Strona</a></li> 
        <li><a href="/strona/komponenty">Dodatki</a></li> 
        <li><a href="/przyjaciele">Znajomi</a></li> 
        <li><a href="/grupy">Grupy</a></li> 
        <li><a href="/wiadomosci">Wiadomości</a></li> 
        <li><a href="/profil">Profil</a></li> 
        <li><a href="/strona/edycja">Edycja strony</a></li> 
    </ul> 
</div>

<style> 
#black_top { background: #011429; height: 29px; top: 0px; position: absolute; width: 100%; left: 0px; border-bottom: 1px solid #19365b; }
ul#black_menu { height: 26px; width: 968px; margin: 0 auto; margin-top: 4px; font-family: Calibri, normal;font-size: 16px; text-decoration: none;color: white; margin-left: 36%; }
ul#black_menu li a, ul#black_menu li a:visited, ul#black_menu li a:link { font-family: Calibri, normal; font-size: 16px; text-decoration: none; color: #6b759b; }
ul#black_menu li a:hover { font-family: Calibri, normal; font-size: 16px; text-decoration: none; color: #aba7df; }
ul#black_menu li { width: auto; height: 29px; }
ul#black_menu li a { margin-left: 5px; margin-right: 5px; }
ul#black_menu, ul#black_menu li { display: block; list-style: none; }
ul#black_menu li { display: inline; white-space: nowrap; }
</style>

Style:

<style>
#container { margin-top: 455px; }
.boxFriends, .boxUserinfo, #top, .boxVote { display: none; }
</style>
<style> #top, .boxFriends, #footer, #editfooter, ul.pagination, .boxWall div.wall-box-b div.primary-a, .boxUserinfo, .boxWall div.wall-box-b div.secondary-a p.add-comment-a span, .boxWall div.wall-box-b div.secondary-a p.add-comment-a { display: none; } </style>
<style>
.boxWall div.wall-box-a { background: none repeat scroll 0 0 transparent; border: 0 none; padding: 5px; }
.boxWall div.wall-box-b div.secondary-a { width: 100%; }
</style>

Przy czym menu jest menu stworzonym przez Silvera ja jedynie ustawiłem je pod ten szablonik. :) Reszta już należy do mnie więc nie ma tak że wszystko co tutaj widzicie należy do kogoś innego. ;) Przy okazji podziękowania Silverowi ze względu iż nie musiałem się wysilać nad zrobieniem menu. :D

A teraz pora na link do tła:
KLIK!!

To już na tyle jak chodzi o style i kod HTML oraz tło. :)

Co najwyżej jeszcze podpowiedź wszystkie bloki dajcie na lewą stronę tak jak to było w przykładzie który dałem w notkach wcześniej. :) A po prawej możecie dodać sobie jakiś blok z informacjami na wasz temat czy linki. Jak dokończę bloczek ze znajomymi bo podam do niego Styl wraz z Kodem HTML. ;)

4 komentarze:

Naomi pisze...

Ojć, przykro, że nikt nie wziął udziału, no ale może teraz ktoś skorzysta z tego szablonu. ;3

Anonimowy pisze...

Najeżdżasz na czyjąś grafikę a z Twoja też niczym się nie wyróżnia O.o

Anonimowy pisze...

jak wstawić 3 obrazki w tych kodach?

Anonimowy pisze...

Wezmę kod i tło, thx ;)

Prześlij komentarz