środa, 5 września 2012

Cała strona.

Są dwie opcje :

1 .
Wygląda mniej więcej tak :



Kod :

<style>h2{border-radius: 15px 15px 0px 0px;}</style>
<style>div.blockContent{border-radius: 0px 0px 15px 15px;}</style
</style>
<style> ul#menuLoggedOut {display:none;} </style>
<style> ul.pagination li.dots a { display: none; } </style>
<style>.boxWall div.wall-box-a div.secondary-a input.submit-a {background: transparent; border: transparent;}</style>
<style>#top {display: none;}</style>
<style>.wall-box-a { border: 0px transparent solid !important; background-color: transparent !important;}</style>
<style>.boxWall div.wall-box-b div.secondary-a p.add-comment-a{display: none;}</style>
<style>.boxWall div.wall-box-b div.secondary-a p.add-comment-a a{background: none;}</style>
<style>.boxWall div.wall-box-b div.secondary-a p.add-comment-a a{display:none;}</style>
<style>.boxGroups.blockItem{display:none;}</style>
<style>.boxWall.blockItem div.wall-box-a {background: transparent;border-bottom: transparent;}</style>
<style>.boxWall div.wall-box-a div.secondary-a input.input-a {background: transparent;}</style>
<style>.boxWall div.wall-box-a div.secondary-a input.input-a {text-align: center;}</style>
<style>.boxWall div.wall-box-a div.secondary-a input.input-a {border-radius: 15px;}</style>
<style>#userleft div.avatar.inb img {box-shadow: 0px 0px 15px #701f1f; }#userleft div.avatar {background: transparent;}</style>
<style>
#footer {
display: none;
}
#editfooter {
display: none;
}
</style>
<style>H2{text-align: center;}</style>
<style>#flashplayer {border: transparent;}</style>
<style>div.relationship {background: transparent}</style>
<style>
.boxRelationship.blockItem
{height:220px; width: 475px;  position: fixed; bottom:-210px; left: -400px;  -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;}
.boxRelationship.blockItem:hover
{height:220px; width: 475px;  position: fixed; bottom: -15px; left: 0px;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; z-index:1;}
</style><div class="menuA">
<center>
<a href="http://poszkole.pl/strona/">Strona</a>
<br>
<a href="http://poszkole.pl/strona/komponenty">Komponenty</a>
<br>
<a href="http://poszkole.pl/przyjaciele">Ważni</a>
<br>
<a href="http://poszkole.pl/grupy">Grupy</a>
<br>
<a href="http://poszkole.pl/wiadomosci">Prywatność.</a>
<br>
<a href="http://poszkole.pl/profil">Dzwoni dzwonek</a>
<br>
<a href="http://poszkole.pl/login/wyloguj">Idź do dupy.</a>
<br>
<a href="http://skryptydlaposzkolakow.blogspot.com/p/informacje-o-blogu.html">Blog</a>
</center>
</div>
<style>
.menuA{position:fixed; top:150px; left: -140px;}.menuA{width:150px; height: 150px; border: 1px dashed green;background-color: green(0, 0, 0, 0.5); padding: 10px; box-shadow: 0px 0px 10px green;}.menuA a {color: black; font-weight: bold;}.menuA a:hover{font-size:x-large;}.menuA:hover{position:fixed; top:150px; left:0px;}</style>



2 . Kod wymyśliłam i zrealizowałam z połączenia innych kodów.
Wygląda mniej więcej tak :


Kod :

<style>h2{border-radius: 15px 15px 0px 0px;}</style>
<style>div.blockContent{border-radius: 0px 0px 15px 15px;}</style
</style>
<style> ul#menuLoggedOut {display:none;} </style>
<style> ul.pagination li.dots a { display: none; } </style>
<style>.boxWall div.wall-box-a div.secondary-a input.submit-a {background: transparent; border: transparent;}</style>
<style>#top {display: none;}</style>
<style>.wall-box-a { border: 0px transparent solid !important; background-color: transparent !important;}</style>
<style>.boxWall div.wall-box-b div.secondary-a p.add-comment-a{display: none;}</style>
<style>.boxWall div.wall-box-b div.secondary-a p.add-comment-a a{background: none;}</style>
<style>.boxWall div.wall-box-b div.secondary-a p.add-comment-a a{display:none;}</style>
<style>.boxGroups.blockItem{display:none;}</style>
<style>.boxWall.blockItem div.wall-box-a {background: transparent;border-bottom: transparent;}</style>
<style>.boxWall div.wall-box-a div.secondary-a input.input-a {background: transparent;}</style>
<style>.boxWall div.wall-box-a div.secondary-a input.input-a {text-align: center;}</style>
<style>.boxWall div.wall-box-a div.secondary-a input.input-a {border-radius: 15px;}</style>
<style>#userleft div.avatar.inb img {box-shadow: 0px 0px 15px red; }#userleft div.avatar {background: transparent;}</style>
<style>
#footer {
display: none;
}
#editfooter {
display: none;
}
</style>
<style>H2{text-align: center;}</style>
<style>#flashplayer {border: transparent;}</style>
<style>div.relationship {background: transparent}</style>
<style>li#bDel { display:none;}</style>
<style>div.blockContent {box-shadow: 0px 0px 10px 0px black } </style>
<style>div.blockContent {box-shadow: 0px 0px 10px 0px black; border-radius: 15px 15px 15px 15px; } </style>
<style>li#bBan { display:none;}</style>

<style>
.boxRelationship.blockItem
{height:220px; width: 475px;  position: fixed; bottom:-210px; left: -400px;  -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;}
.boxRelationship.blockItem:hover
{height:220px; width: 475px;  position: fixed; bottom: -15px; left: 0px;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; z-index:1;}
</style>

<div class="menuA">
<center>
<a href="http://poszkole.pl/strona/">Strona</a>
<br>
<a href="http://poszkole.pl/strona/komponenty">Komponenty.</a>
<br>
<a href="http://poszkole.pl/przyjaciele">Ważni</a>
<br>
<a href="http://poszkole.pl/grupy">Grupy.</a>
<br>
<a href="http://poszkole.pl/wiadomosci">Prywatność</a>
<br>
<a href="http://poszkole.pl/profil">Dzwoni dzwonek</a>
</center>
<br>
<center>
<a href="http://poszkole.pl/login/wyloguj">Idź do dupy.</a>
</center>
</div>
<style>
.menuA{position:fixed; top:150px; left: -140px;}
.menuA{width:150px; height: 150px; border: 1px dashed red;background-color: red(0, 0, 0, 0.5); padding: 10px; box-shadow: 0px 0px 10px red;}
.menuA a {color: white; font-weight: bold;}
.menuA a:hover{font-size:x-large;}
.menuA:hover{position:fixed; top:150px; left:0px;}
</style>



Kody są długie , ale często przydatne .


2 komentarze:

  1. Siema Potrzebuje kodu na animacje linków poszkole czy jest możliwośc byś zrobiła taki kod to wygląda tak http://poszkole.pl/strona/23391262

    OdpowiedzUsuń