Dodaję kod na usunięcie bloku '' info o mnie '' .
<style>.boxUserinfo.blockItem {display: none ;}</style>
sobota, 8 września 2012
Ściana - ulepszenie .
A więc wiele osób chce i poszukuje kodu na ulepszenie ściany . Kod na to , żeby przypominała komentarze . Wiecie chyba o co chodzi .
Kod:
<style>p.add-comment-a, ul.pagination li.dots{display:none;}.boxWall div.wall-box-a{background-color: transparent; border-bottom: 0px solid transparent;}.boxWall div.wall-box-b {border-top: 1px solid #FFFFFF; float: left; padding: 11px 0;}.boxWall div.wall-box-a div.secondary-a input.label {color: #000000;}.boxWall div.wall-box-a div.secondary-a input.input-a {background-color: transparent;border: 1px solid green;color: #FFFFFF;}.boxWall div.wall-box-a div.secondary-a input.submit-a {background-color: transparent;border: 1px solid #5D8C02;color: #FFFFFF;}</style>
Jest to kolor na paski pomiędzy postami . ( ustawiony : biały )
Jest to kolor na obramowanie polu tekstowego ( ustawiony : zielony )
Jest to kolor na obramowanie przycisku ' opublikuj ' ( ustawiony : zielony )
środa, 5 września 2012
Player - Niewidoczny
Niewidoczny Player .
Kod :
<style>.boxMusic.blockItem {opacity: 0; margin-top: -140px ;}</style>
Kod :
<style>.boxMusic.blockItem {opacity: 0; margin-top: -140px ;}</style>
Ściana - Zmiana Tekstu w polu tekstowym
Możesz zmienić tekst '' Napisz co robisz '' na inny za pomocą tego kodu :
Kod :
<script>$(function() {$('.boxWall div.wall-box-a div.secondary-a input.input-a').val('Tekst');$('.boxWall div.wall-box-a div.secondary-a input.input-a').click(function() {if($(this).val() == 'Tekst'){ $(this).val(''); }});});</script>
Kolor zielony oznacza , że masz tam wpisać własny tekst ( ten sam w obydwa miejsca )
Związki - Zmiana tekstu '' jest w związku z ''
Zmiana tekstu w związkach '' jest w związku z ''
Kod :
<script>$(".relationship p:eq(0)").html("Tekst");</script>
Kolor żółty oznacza, że masz tam wpisać własny tekst.
Kod :
<script>$(".relationship p:eq(0)").html("Tekst");</script>
Kolor żółty oznacza, że masz tam wpisać własny tekst.
Rodzinka - Usunięcie wiadomości - Co robią rodzice
Maksymalna wyświetlana ilość czynności to 5 . W zależności od tego ile chcecie usunąć tyle pasków tego kodu kopiujecie :
Kod:
<style>.msgs li:nth-child(1) {display:none;}</style>
<style>.msgs li:nth-child(2) {display:none;}</style>
<style>.msgs li:nth-child(3) {display:none;}</style>
<style>.msgs li:nth-child(4) {display:none;}</style>
<style>.msgs li:nth-child(5) {display:none;}</style>
Rodzinka - Procenty miłości - Zmiana tekstu
W rodzince jest pokazane np .100 % miłości . Większość tego nie lubi . Ten kod zmienia tekst na np . '' Miłość to nie procenty ''
<script>$(".boxFamily.blockItem .person ul li.love").html("Tekst");</script>
Opcje dodatkowe :
- pochylony tekst:
<style>.boxFamily.blockItem .person ul li.love {font-style: italic;}</style>
- niepogrubiony (normalny) tekst:
<style>.boxFamily.blockItem .person ul li.love {font-weight: normal;}</style>
- wyśrodkowany tekst:
<style>.boxFamily.blockItem .person ul li.love {text-align: center;}</style>
Kolor fioletowy oznacza , żeby wpisać swój tekst .
<script>$(".boxFamily.blockItem .person ul li.love").html("Tekst");</script>
Opcje dodatkowe :
- pochylony tekst:
<style>.boxFamily.blockItem .person ul li.love {font-style: italic;}</style>
- niepogrubiony (normalny) tekst:
<style>.boxFamily.blockItem .person ul li.love {font-weight: normal;}</style>
- wyśrodkowany tekst:
<style>.boxFamily.blockItem .person ul li.love {text-align: center;}</style>
Kolor fioletowy oznacza , żeby wpisać swój tekst .
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 .
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 .
Związki wysuwane.
Chyba wiecie o co chodzi . Związki chowają się w lewym dolnym rogu i są praktycznie niewidoczne , a jak najedziesz na lewy dolny róg ekranu to się wysuną tak jak menu . : 3
Oto kod :
<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>
Oto kod :
<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>
Menu wysuwane .
To menu wysuwane posiada efekt powiększania znaków po najechaniu na nie.
Tak wygląda zsunięte :
A tak rozsunięte :
Kod :
<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">Najważniejsi</a>
<br><a href="http://poszkole.pl/grupy">Grupy</a>
<br><a href="http://poszkole.pl/galerie/">Zdjęcia</a><br><a href="http://poszkole.pl/wiadomosci">Wiadomości</a>
<br><a href="http://poszkole.pl/profil">Profil</a>
<br><a href="http://poszkole.pl/login/wyloguj">Wyloguj</a>
</center>
</div>
<style>
.menuA{position:fixed; top:150px; left: -140px;}.menuA{width:150px; height: 150px; border: 1px dashed black;background-color: rgba(0, 0, 0, 0.5); padding: 10px; box-shadow: 0px 0px 10px black;}.menuA a {color: white; font-weight: bold;}.menuA a:hover{font-size:x-large;}.menuA:hover{position:fixed; top:150px; left:0px;}</style>
Kolor zielony oznacza , że w tym miejscu wpisujesz swój tekst np . zamiast '' wiadomości '' to '' prywatna '' .
Kolor bordowy oznacza , że w tym miejscu możesz zmienić kolor . Jak chcesz biały zamiast jakiegoś to wpisz albo nazwę po angielsku ( white ) , albo wpisz kolor kratkowany ( #ffffff ) . Możesz ustawić kolor jaki tylko chcesz
Kolor biały oznacza, że możesz tam zmienić wysokość , odległość itd.
Tak wygląda zsunięte :
A tak rozsunięte :
Kod :
<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">Najważniejsi</a>
<br><a href="http://poszkole.pl/grupy">Grupy</a>
<br><a href="http://poszkole.pl/galerie/">Zdjęcia</a><br><a href="http://poszkole.pl/wiadomosci">Wiadomości</a>
<br><a href="http://poszkole.pl/profil">Profil</a>
<br><a href="http://poszkole.pl/login/wyloguj">Wyloguj</a>
</center>
</div>
<style>
.menuA{position:fixed; top:150px; left: -140px;}.menuA{width:150px; height: 150px; border: 1px dashed black;background-color: rgba(0, 0, 0, 0.5); padding: 10px; box-shadow: 0px 0px 10px black;}.menuA a {color: white; font-weight: bold;}.menuA a:hover{font-size:x-large;}.menuA:hover{position:fixed; top:150px; left:0px;}</style>
Kolor zielony oznacza , że w tym miejscu wpisujesz swój tekst np . zamiast '' wiadomości '' to '' prywatna '' .
Kolor bordowy oznacza , że w tym miejscu możesz zmienić kolor . Jak chcesz biały zamiast jakiegoś to wpisz albo nazwę po angielsku ( white ) , albo wpisz kolor kratkowany ( #ffffff ) . Możesz ustawić kolor jaki tylko chcesz
Kolor biały oznacza, że możesz tam zmienić wysokość , odległość itd.
Związki - brak Mariana .
Każdy kod wklejamy do html/js
Prawie wszystkich ludzi na poszkole denerwuje obrazek z Marianem w związkach . Oto styl , który temu zapobiegnie , usuwając go .:
<style>div.relationship {background: transparent}</style>
Prawie wszystkich ludzi na poszkole denerwuje obrazek z Marianem w związkach . Oto styl , który temu zapobiegnie , usuwając go .:
<style>div.relationship {background: transparent}</style>
Subskrybuj:
Posty (Atom)