Onet.pl BlogOnet.plBlog
*Blog w kategorii: Komputery i Internet 
 Następny »
teatr6pietro.blog.pl
   Szukaj bloga:  

Zaloguj się

                          .
Brak tekstu

Statystyka
Było 82044 osób
Skomentowało 903 osób
Menu:
Autorzy :P
Silver
SexMoney
SkyllaX.


21 lutego 2012

Strona/Gotowa


Hmm dam wam kod na gotową stronę.
oczywiście kod będzie trzeba dostosować według własnych potrzeb
czyli np dodać avka o dobrych wymiarach
tło
avek
Oraz jest ten kod zrobiony tak że najlepiej będzie wyglądał jeżeli na stronie będzie tylko info o mnie i komentarze.
jeżeli znajdziecie jakieś błędy w kodzie proszę pisać



<style type="text/css">
body{background-image:url(http://s.redefine.pl/dcs/o2/redefine/poszkole_user_page/24/24401202/140522642_1319306288.png);background-position:top center;opacity:0.85;filter:alpha(opacity=85);}
div.blockItem h2{background-color:transparent;font-family:Tahoma;font-size:14px;color:yellow;}
div.blockItem div.blockContent{border-bottom-color:yellow;border-left-color:grey;border-right-color:grey;background-color:transparent;padding:9px;color:#ababab;border-top-width:1px;border-top-style:solid;border-top-color:yellow;}
div.blockItem div.blockContent a{color:#00c6e3;}
div.blockItem div.blockContent .inb{border-color:transparent;}
div.blockItem div.blockContent .sp{color:#00c6e3;}
div.boxMusic div.blockContent{border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-top-width:0px;}
</Style>
<style>#sort2 {margin-right: 21px; width: 658px; margin-left: 0px; float: right; } #sort1 {width: 270px; margin-left: 19px; margin-right: 0px; float: left; } #userleft div.avatar {background: url(LINK DO AVKA 243x236)no-repeat transparent;border-width: 0px;height:243px;width:236px;padding: 0px; }#userleft div.avatar img {display:none; }#userright {width: 100%;padding: 0px;} </style>
<style>
<style>
div$postsBlock {
padding-top: 10px;
}
p.nick-a {
float: left; 
width: 380px;
font: bold 12px Arial;
padding: 5px 0;
}
.boxWall div.wall-box-b {
padding: 0 0;
padding-bottom: 10px;
min-height: 60px;
border-top: 0;
}
.boxWall div.wall-box-a { 
background-color: transparent;
}
.boxWall div.wall-box-a div.secondary-a input.submit-a {
margin: 1px 145px;
}
.boxWall div.wall-box-a {
padding: 10px 9px 1px 10px;
}
div.secondary-a p.add-comment-a span {
display:none;
}
.boxWall div.wall-box-b div.secondary-a p.close-a {
display:none;
}
.boxWall div.wall-box-a div.secondary-a input.input-a {
text-align: center;
}
.boxWall div.wall-box-b {
border-top: 0;
}
.boxWall div.wall-box-a {
border-bottom: 0;
}
.boxWall div.wall-box-b div.secondary-a p.add-comment-a a  {
background: none;
}
</style>
<style>
.boxMusic.blockItem {
height: 380px;
width: 285px;
position: fixed;
left: -300px;
bottom: -280px;
box-shadow: 0 0 0px 0px gray;
-webkit-transition-duration: 0,1s;
}
.boxMusic.blockItem:hover {
height: 103px;
width: 400px;
position: fixed;
left: -1px;
bottom: -1px;
box-shadow: 0 0 px black;
-webkit-transition-duration: 0,1s;
}</style>
<style>.boxGroups.blockItem {display: none;}</style>
<style>p.add-comment-a, .boxWall div.wall-box-b div.secondary-a p.close-a a {display:none;}</style><style>.boxWall div.wall-box-a {    background-color: transparent;    border-bottom: 0 solid #C8C9C7;}.boxWall div.wall-box-a div.secondary-a input.submit-a {    background-color: transparent;    border: 1px solid yellow;    color: yellow;}.boxWall div.wall-box-a div.secondary-a input.input-a {    border: 1px solid #00C6E3;    color: black; }.boxWall div.wall-box-b {    border-top: 0 solid yellow; background: none transparent;}.boxWall div.wall-box-b {    border-top: 0 solid yellow;    float: left;    padding: 11px 0;}#flashplayer {    border: 1px solid black;}</style><script> $(function() { $("#postSubmit").val("Wyślij post!"); }); </script>
<style>
#footer {
   display: none;
}
#editfooter {
   display: none;
}
</style>
<style>#menu{display: none;}</style>
<style>#extras{display: none;}</style>
<style>#top_border, #top_border.loggedIn { background:transparent center; width: 100%; height:88px; float: center;}</style><style>#top {border-bottom: 0px solid transparent;}</style>
<style>
#stopka {
width: 260px;
border: 2px solid #525252;
background: black;
color: gray;
text-align: center;
border-image: initial;
}
.text {
font-size: 13px;
margin-top: 2px;
margin-bottom: 10px;
}
.clear2 {
    clear: both;
}
</style></div></div>
<style> .boxWall img:hover {
 -webkit-transition-duration: 0,1s;
-webkit-box-reflect: below 0
    -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(transparent),
      color-stop(0.7, transparent),
      to(white)
  );
} </style>

<style> ul.pagination li.dots { display: none; } </style>
AceBoyŸPS (20:44)
3 Jest dobrze!

Nowe Menu

no popatrz :)
chcecie to potraficie 31 komów tam było :)
prosze bardzo -


http://sendfile.pl/138051/MENU.txt


Ściągnijcie to.
to jest notatnik wraz z kodem :)
oraz komentujce .!
więcej komów = więcej kodów 


TAK WYGLĄDA MENU
AceBoyŸPS (20:41)
Pusto coś!

Zmniejszenie Strony

1.Hmm dam wam taki kodzik który hmm sam nie wiem jak to określić
że tak powiem wyśrodkuje waszą stronę tak jak wygląda to tutaj --->
2.lecz z tym wiąże się zmniejszenie komponentów samych w sobie.


Pierwszym krokiem  będzie
zrobić zmienić rozmiar komponentów do naszych potrzeb  :)
-
<style>
#sort1 {width: 270px;} #sort2 {width: 270px;}
</style>

Tu możemy zmeinić szerokość komponentów po lewej stronie
Tu możemy zmienić szerokość komponentów po prawej stronie


kiedy już dostosujecie swoją stronę do waszych potrzeb w gre w chodzić
ten drugi kodzik-


<style>
}

html {
margin: -215px auto
}

#container {
width: 580px;
margin: 323px auto;

</style>

Oczywiście pierwszy kod można dostosować i zrobić tak że ten drugi jest nie potrzebny :)
Proszę komentować ^^.
AceBoyŸPS (20:40)
Pusto coś!
hmm moja pierwsza notka jaką dam to będzie wysuwane 'co o mnie myślisz'-


<div id="Aceboy">
    <div class="text">Co o mnie </div>
       <div class="PS">
            <div id="left">
            </div>
            <div id="right">
               <a href="XXXXX">MYŚLISZ</a>
            </div>
       </div>
</div>
<style>
#Aceboy {
height: 34px;
width: 300px;
border: 1px solid black;
background: url('http://i39.tinypic.com/nmkwzm.jpg') no-repeat scroll right top white;
position: fixed;
left: -250px;
bottom: 350px;
box-shadow: 0 0 1px 1px gray;
-webkit-transition-duration: 0,1s;
}
#Aceboy:hover {
height: 33px;
width: 200px;
border: 2px solid XXX;
background: url('http://i40.tinypic.com/e64var.jpg') no-repeat scroll right top white;
position: fixed;
left: 0px;
bottom: 350px;
box-shadow: 0 0 1px 1px gray;
-webkit-transition-duration: 0,1s;
}
.text {
color: GREY;
font-size: 20px;
font-family: times new roman;
margin-left: 15px;
margin-top: 10px;
}
s
#left {
width: 120px;
float: left;
}
#right {
width: 175px;
float: left;
margin-top: -32px;
margin-left: 55px;
height: 140px;
text-decoration: underline;
text-align: center;
}
#right a {
text-align: center;
color: red;
font-family: times new roman;
font-size: 18px;
-webkit-transition-duration: 0,1s;
}
#right a:hover {
text-align: center;
color: orange;
font-family: times new roman;
font-size: 18px;
-webkit-transition-duration: 0,1s;

}
</style>

W czerwony polu trzeba wkleić link do swojego co o mnie myślisz , link znajduje się tutaj --->


obrazek przed najechaniem
obrazek po najechaniu



AceBoyŸPS (20:33)
Przynajmniej jedna osoba to skomentowała

19 lutego 2012
Ok, jest tutaj trochę grafy, powinno być tutaj 5 pierwszych zamówień zrobiłam je 3 tygodnie temu, ale jakoś nie pomyślałam, że jeszcze powinnam je wgrać na bloga, bo jak na razie były tylko w moim kompie ; x  nie  chce mi się robić też tych ,,mini obrazków", dlatego od razu daję linki:
Granulek (12:06)
2 Jest dobrze!

15 lutego 2012
No więc podam Wam wreszcie kod na nowe menu. To które mam aktualnie na własnej stronie.
Zacznijmy od tego co będzie wam potrzebne..
1. Obrazek przeźroczysty z NICKIEM o wymiarach 85px wysokosci i możliwie jak najmniej PX w szerokosci (150 - 220).
2. Odrobina czasu aby właściwie przerobić kod (2 - 5min) ;)

<div id="SilverTOP">
 <div id="SilverCENTER">
    <div id="logo">
    <a href="#">
    <img src="LINKDOLOGO"/>
    </a>
    </div>
    <div id="menu">
        <img src="http://silverps.c0.pl/prywatne/menuTLO.png" style="float: left" />
        <ul>
        <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="/klasy">Klasy</a></li>
        <li><a href="/grupy">Grupy</a></li>
        <li><a href="/galerie">Galerie</a></li>
        <li><a href="/wiadomosci">Wiadomosci</a></li>
        <li><a href="/profil">Profil</a></li>
        <li><a href="http://silverps.c0.pl">HomePage</a></li>        
        </ul>
        
    </div>  
</div>
</div>
<style>
body {
background: url(http://silverps.c0.pl/images/bg.jpg) repeat-x #1F1F1F;
}
#top {
  display: none;
}
#sort1 {
                margin-top: 185px;
}
#sort2 {
                margin-top: 185px;
}
#silverCENTER {
width: 940px;
margin: 0 auto;
text-align: left;
}
#menu {
width: 968px;
height: 51px;
float: left;
margin-top: 16px;
background: url(http://silverps.c0.pl/prywatne/menuTLO.png) repeat-x;
top: 105px;
position: absolute;
border-radius: 5px;
border: 1px solid black;
  border-image: initial;
}
#logo {
top: 20px;
margin-left: 10px;
position: absolute;
}
#menu ul {
list-style: none;
margin: 0;
height: 51px;
padding: 0px 0px 0px 0px;
        margin-left: 23px;
}

#menu li {
display: block;
float: left;
font-family: Times New Roman;
color: #FFF;
}
#menu a {
color: #ccc;
font-size: 12px;
display: block;
float: left;
padding: 15px 25px 15px 25px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
text-shadow: 1px 1px 1px black;
}
#menu a:hover {
color: #fff;
background: url(http://silverps.c0.pl/prywatne/separatorps.png) no-repeat top;
}
</style>

Teraz dość ważna informacja. Kod jest stworzony tak, że najlepiej wygląda z tym tłem który znajduje się w stylu. Tak więc nie zdziwcie się, że nie będziecie miec wlasnego tla.
Rzecz druga to ta, że podswietlenie to nic innego jak specjalny obrazek. W kodzie jest umieszczony w wersji niebieskiej. Potrzebuje grafika który mi dorobi jeszcze kilka kolorków.
Na chwile dzisiejsza, prosze nie przerabiac kodu, poniewaz latwo go uszkodzic - oprocz tego co wam oznaczylem.

Za wszystkie błedy i niezrozumiałe sformułowania przepraszam, ale notke pisałem bardzo szybko..

Zapraszam też na silverps.net - moją oficjalną strone domową ;)
Silver (14:51)
6 Perfekcyjnie!

03 lutego 2012
  



BIerzesz=komentujesz, Claudia [Granulek]


Granulek (20:15)
5 Perfekcyjnie!

27 stycznia 2012
Uwaga! Kolejne zamówienia! Tym razem jednak swoje zamówienie dostanie tylko pierwsze 8 osób! Dlatego radzę nie marnować czasu i wpisać swoje zamówienie. Proszę numerujcie zamówienia, aby było łatwiej i mi jak i Wam ;-) Żaden zestaw nie będzie podpisywany.
Granulek (22:40)
14 Perfekcyjnie!

26 stycznia 2012
Wiem, że jest wiele pytań dotyczących czcionek, których używam w nagłówkach itp. Niestety ja ich wszystkich nie ogarniam, dlatego mam prośbę piszcie tutaj te pytania jeszcze raz i dołączajcie do nich nagłówek, z którego chcecie poznać czcionkę lub coś tam innego. Przy najbliższej sposobności ja na nie odpowiem, ale pamiętajcie, że nie jestem maszyną ;3 


STOP ACTA! 
(Macie pomysły na jakieś nagłówki anty? Piszcie propozycje!)
Granulek (14:44)
4 Jest dobrze!

17 stycznia 2012
To kilka nagłówków, mogliście je już widzieć, ponieważ kiedyś dawałam je do jakiś tam grup na konkursy itp. ;3

  


  

Tak, wiem nie robię ładnych blendów xD bierzesz=piszesz
Granulek (10:59)
8 Perfekcyjnie!

07 stycznia 2012
Notka na bardzo szybko, dlatego nie wgrywam tych ,,małych" nagłówków tylko od razu daję linki do graffy.
Dla Maśś:
Nagłówek pisany: http://tinypic.pl/zby26ajrpmnb

Dla Sweeaty:
Nagłówek pis.+fota: http://tinypic.pl/y34pyo0fnukn
Nagłówek pisany: http://tinypic.pl/46vjdj3a82c5

Dziękuję bardzo, że aż tak chyba się Wam podoba moja grafika, co w szczerze wątpie, bo nie jest taka bardzo ,,piękna", ale mniejsza o to. Serdecznie Wam dziękuję i proszę o komentarze, Claudia ; 3 
Granulek (19:53)
6 Perfekcyjnie!

04 stycznia 2012
   co raz bardziej nie ograniam tego bloga xD http://tinypic.pl/srtc1i7fwch0 


Granulek (18:00)
4 Jest dobrze!

31 grudnia 2011
Prezent od Sk0rp10na:

PhotoShop CS3 Full (Party):

PhotoShop CS5 Full (Party):

http://hotfile.com/dl/129998395/016a65b/PhotoShop_ CS5.1.part01.rar.html 
http://hotfile.com/dl/129998388/6ad0330/PhotoShop_ CS5.1.part02.rar.html 
http://hotfile.com/dl/129998565/28e3f83/PhotoShop_ CS5.1.part03.rar.html 
http://hotfile.com/dl/129998567/2d16180/PhotoShop_ CS5.1.part04.rar.html 
http://hotfile.com/dl/129998665/3bff5b8/PhotoShop_ CS5.1.part05.rar.html 
http://hotfile.com/dl/129998673/e3e5f89/PhotoShop_ CS5.1.part06.rar.html 
http://hotfile.com/dl/129998773/69fafd4/PhotoShop_ CS5.1.part07.rar.html 
http://hotfile.com/dl/129998777/5a177a1/PhotoShop_ CS5.1.part08.rar.html 
http://hotfile.com/dl/129998864/ad861a2/PhotoShop_ CS5.1.part09.rar.html 
http://hotfile.com/dl/129998897/e821fab/PhotoShop_ CS5.1.part10.rar.html 
http://hotfile.com/dl/129998952/f1b774b/PhotoShop_ CS5.1.part11.rar.html 
http://hotfile.com/dl/129999009/7898b4e/PhotoShop_ CS5.1.part12.rar.html 
http://hotfile.com/dl/129999034/7dec31b/PhotoShop_ CS5.1.part13.rar.html 

PhotoShop LightRoom 3.4 (Party):

PhotoShop Portable:
Silver (14:01)
5 Perfekcyjnie!

30 grudnia 2011

29 grudnia 2011
Długo mnie nie było, ponieważ musiałam instalować nowego ap, pędzle, brushe itp. Ten pop. zestaw mam na innym komputerze, ale dzisiaj ukarze się na blogu. Dziękuję za uwagę, a oto zestaw, jak nie na te święta to może na następne ; 3

Tło i nagłówek, których jakoś nie mogę dodać ;c
Granulek (12:32)
Pusto coś!

26 grudnia 2011
   nie mogę jakoś dodać linku do tego zdjęcia ;c http://tinypic.pl/3v5vpy50cy3o

  http://tinypic.pl/h2ykldnm0gji

  http://tinypic.pl/i9amk4i4mu1h
Granulek (18:30)
Pusto coś!

25 grudnia 2011
Z okazji świąt pragne Wam złożyć najszczersze życzenia. Dużo zdrowia, radości i szczęścia.
Postanowiłem dodać ten kod. Czytajcie uważnie co musicie zmienić żeby kod działał:
<div id="zwiazki">
    <div class="text">Jestem w związku z:</div>
         <div class="who">
            <div id="left">
              <img id="av" src="XXXXXX" width="110" height="110"/>
            </div>
            <div id="right">
               <a href="/strona/NUMER/">NICK</a>
            </div>
       </div>
</div>
<style>
#zwiazki {
height: 300px;
width: 300px;
border: 2px solid XXX;
background: url('XXXXXX') no-repeat scroll right top white;
position: fixed;
left: -280px;
bottom: -280px;
box-shadow: 0 0 1px 1px gray;
-webkit-transition-duration: 0,1s;
}
#zwiazki:hover {
height: 153px;
width: 300px;
border: 2px solid XXX;
background: url('XXXXXX') no-repeat scroll right top white;
position: fixed;
left: -1px;
bottom: -1px;
box-shadow: 0 0 1px 1px gray;
-webkit-transition-duration: 0,1s;
}
.text {
color: black;
font-size: 20px;
font-family: times new roman;
margin-left: 7px;
margin-top: 3px;
}
img#av {
margin: 7px;
width: 110px;
height: 110px;
border: 2px solid black;
box-shadow: 0 0 1px 1px gray;
}
#left {
width: 120px;
float: left;
}
#right {
width: 175px;
float: left;
margin-top: 10px;
margin-left: 0px;
height: 140px;
text-decoration: underline;
text-align: center;
}
#right a {
text-align: center;
color: black;
font-family: times new roman;
font-size: 18px;
-webkit-transition-duration: 0,1s;
}
#right a:hover {
text-align: center;
color: #2a2a2a;
font-family: times new roman;
font-size: 18px;
-webkit-transition-duration: 0,1s;
}
</style>

KOLOR - obrazek "avatar" (większy niż 110x110)
KOLOR - numer strony partnera/partnerki
KOLOR - nick partnera/partnerki
KOLOR - tło boxu (moje: http://i43.tinypic.com/j9368z.png)
KOLOR - kolor obramowania boxu

Ostatnie dwie części to kolor textu przed/po ;)

MAM NADZIEJE ŻE WAM SIĘ UDA TO OGARNĄĆ :P

STRONA NA KTÓREJ JEST TEN KOD: www.poszkole.pl/rafik ;)
Silver (19:25)
12 Perfekcyjnie!

24 grudnia 2011
Avatary są już w dobrych rozmiarach(144/144), więc nie potrzeba linku, który przekieruje na tinypic tylko można od razu pobierać ;-)

 

 

 

 

Wesołych świąt ;-)
Granulek (14:51)
Przynajmniej jedna osoba to skomentowała
 

 

  
Granulek (14:11)
3 Jest dobrze!

23 grudnia 2011
 
  
 
 

 

bierzesz=piszesz
Granulek (20:20)
Przynajmniej jedna osoba to skomentowała
 

 

 
bierzesz=piszesz
Granulek (19:59)
Pusto coś!
Nie będę się rozpisywać, bo mam b. dużo zamówień ;-)

 

 

 

tło do bloków (nie mogłam wgrać ; 3)
  
Granulek (19:37)
Przynajmniej jedna osoba to skomentowała

22 grudnia 2011
Cześć, długo mnie nie było na blogu, ponieważ miałam pewne problemy, ale mniejsza o to. Postanowiłam porobić zestawy na zamówienie(za free). Wszystkie będą ukazywane tutaj na blogu. Kto chce niech napisze pod spodem w komentarzu. Tzn. z kim chce(ewentualnie zdjęcia), jaki kolor zestawu i co ma być w tym zestawie (np.: blend; av 3d i tło). Każdy zestaw jest podpisywany przeze mnie nickiem jakim się podpiszecie pod komentarzem. tyle chciałam powiedzieć, dziękuję za uwagę i zapraszam do zamawiania ; 3
Granulek (19:24)
32 Perfekcyjnie!

21 grudnia 2011
Duzo osob tego szuka. Kod usuwa tą białą linie. Juz to ktos chyba dawal ale macie:
<style>.boxWall div.wall-box-b {
border-top: 0px solid transparent;}</style>
Silver (18:36)
3 Jest dobrze!
W tym wpisie pragne zareklamować wam Google Chrome.
Jest to b.dobra przeglądarka do poszkole.pl ponieważ odczytuje o wiele więcej opcji CSS niż Mozilla.
Pokazuje animacje CSS oraz przejscia. Nawet nie wiecie o ile poprawia się wygląd stron. :)

Silver (18:32)
2 Jest dobrze!
Jeden z sensowniejszych pomysłów jakie dostałem.
Zmiana koloru treści posta po najechaniu:
<style>.secondary-a p {-webkit-transition-duration: 0,1s;} .secondary-a p:hover {color: red; -webkit-transition-duration: 0,1s;}</style>
red - kolor
Wystarczy wrzucić do html ;)
Silver (18:22)
3 Jest dobrze!

05 grudnia 2011
Powracam do pisania bloga. Mam nadzieje że jeszcze ktoś tu wchodzi.
Na dzisiaj przygotowałem własny kod, dla osób które chcą zawiesić poszkole "z klasą".
No więc kod powoduje mniej więcej coś takiego:
1) Po najechaniu na stonę:
   
[nie da się nic zrobić na stronie, bo wywala ten oto obrazek]

2) Po najechaniu na specjalny box (na dole - pasek):
  
[strona "tylko do obejrzenia", komentarze są usunięte]
Kod:
<div id="zawias">Pomysł i wykonanie: Silver [http://poszkole.pl/RafiK]</div><style>
.boxWall.blockItem div.blockContent {display:none;}
#zawias {
 -webkit-transition-duration: 0,1s;
background: url('http://i42.tinypic.com/245wn44.png') no-repeat scroll center 100px black;
left: 0px;
right: 0px;
position: fixed;
top: 0px;
bottom: 30px;
border-bottom: 1px solid white;
opacity: 0;
height: auto;
}
#zawias:hover {
 -webkit-transition-duration: 0,1s;
background: url('http://i42.tinypic.com/245wn44.png') no-repeat scroll center 100px black;
left: 0px;
right: 0px;
position: fixed;
top: 0px;
bottom: 30px;
border-bottom: 1px solid white;
opacity: 0.9;
height: auto;
color: transparent;
padding: 100px;
}
div#do {
width: auto;
bottom: 0px;
position: fixed;
height: 29px;
background: black;
border: 1px solid white;
left: 0px;
right: 0px;
}
div.back {
margin-top: 3px;
margin-left: 10px;
font-family: times new roman;
font-size: 20px;
border-right: 1px solid white;
width: 70px;
color: white;
div.back a {
color: white;
-webkit-transition-duration: 0,1s;
}
a {
color: white;
-webkit-transition-duration: 0,1s;
}
a:hover {
color: gray;
-webkit-transition-duration: 0,1s;
}
</style><style>div#komunikat { background: url("http://s.redefine.pl/dcs/o2/redefine/poszkole_user_page/24/24401202/140522642_1319306288.png") repeat scroll 0 0 transparent; border: 1px solid #ffffff; color: #ffffff; left: 0px; right: 0px; position: fixed; text-align: center; top: 0; width: auto; box-shadow: 0 0 2px 1px #ffffff;}</style><div id="komunikat"><marquee>Użytkownik o nicku {nick} zawiesił swoje konto!</marquee></div>
<div id="do"><div class="back"><a href="javascript: history.go(-1)">BACK!</a>
</div></div><style>div#do {background: url('http://i39.tinypic.com/rw28oy.png') no-repeat scroll right 1px black; -webkit-transition-duration: 0,1s;}div#do:hover {background: url('http://i39.tinypic.com/2jfhw07.png') no-repeat scroll right 1px black; -webkit-transition-duration: 0,1s;}.back a {color:white; -webkit-transition-duration: 0,1s;}.back a:hover {
color: gray;
-webkit-transition-duration: 0,1s;
}</style>
WSTAW SWÓJ NICK
Obowiązuje całkowity zakaz zmieniania treści kodu :)

Jak na razie nie wpadłem na pomysł jak go poźniej wyłączyc.
Jedynym rozwiązaniem jest RESET STRONY :)
Przykład strony z tym kodem: http://poszkole.pl/strona/24401202 :)

Silver (16:03)
12 Perfekcyjnie!

12 listopada 2011
Zrobiłam instrukcję, a oto link do niej: http://www.youtube.com/watch?v=rfj1-SSX9do  Mój nick na YouTube to Granullek xD Zapraszam do subskrybcji mojego kanału ;) Nie długo dodam kolejne instrukcje, ale nie tylko grafiki ; D Jeśli macie jakieś pytania dotyczące filmu piszcie w komentarzach(pod filmem). Dziękuję za uwagę, Claudia.
Granulek (19:34)
2 Jest dobrze!
Hey ; 3 , a oto długo wyczekiwany zestaw z Site models ;)

 

 

 

Avatar gif.(ruchomy), jakoś nie chciał się wgrać ;D

 

Ok ;q To na tyle z tym zestawem xD Czekam na co najmniej 10kom, aby dać następny zestaw ;-) Myślę, że ten się spodoba(komuś ;p), pamiętaj bierzesz=piszesz. Wasza Klaudia xD
Granulek (19:27)
18 Perfekcyjnie!

08 listopada 2011
<div id="block292507002" class="bAbstract blockItem bHtml"><div><style>div$postsBlock { padding-top: 10px; } p.nick-a { float: left; width: 380px; font: bold 12px Arial; padding: 5px 0; }.boxWall div.wall-box-b { padding: 0px 0px; padding-bottom: 10px; min-height: 60px; border-top: 0; } .boxWall div.wall-box-a { background: url('http://i54.tinypic.com/w858oj.png'); } .boxWall div.wall-box-a div.secondary-a input.submit-a { margin: 1px 0px; } .boxWall div.wall-box-a { padding: 10px 9px 5px 10px; } div.secondary-a p.add-comment-a span { display:none; } .boxWall div.wall-box-b div.secondary-a p.close-a { display:none; } .boxWall div.wall-box-a div.secondary-a input.input-a { text-align: left; } .boxWall div.wall-box-b { border-top: 0; } .boxWall div.wall-box-a { border-bottom: 0; } .boxWall div.wall-box-b div.secondary-a p.add-comment-a a { background: none; }</style><script> $(function() { setInterval(function() { $(".wall-box-b:gt(3)").remove(); }, 1); }); </script><style> .boxWall div.wall-box-b { padding: 1px 0; } </style><style> .boxWall div.wall-box-b div.secondary-a p.add-comment-a {display:none;} </style><link rel="stylesheet" type="text/css" media="screen,projection" href="http://poszkole.pl/przyjaciele/zapros/user_id/27347262"><style>.boxWall div.wall-box-a div.secondary-a input.input-a {background: transparent;border:1px dashed #0066ff;}</style><style>.boxWall div.wall-box-a {background: transparent;}</style><style>.boxWall div.wall-box-a div.secondary-a input.submit-a {background: transparent; border:1px dashed #0066ff;}</style><script> $(function() { $("#postSubmit").val("Napisz ; ]"); }); </script><style>.wall-box-b {    padding: 3px 0 !important;    border-top: 1px solid transparent !important;}</style><style> .boxWall div.wall-box-b-wrapper { padding-bottom: 6px; } </style><style> .boxWall img { border: 1px solid #1a1a1a; } </style><style>div.primary-a p img {opacity:0.90;}div.primary-a p img:hover{opacity:1;} </style></div></div>
To jest kod dla leniów, którym nie chce się szukać kodów na ścianke XD. Nie chcę mi się tłumaczyć ale powinniście to zrozumieć :D
SkyllaX. (22:27)
16 Perfekcyjnie!
No więc chodzi mi o to:
  
Kod:
<style>div#komunikat { background: url("http://s.redefine.pl/dcs/o2/redefine/poszkole_user_page/24/24401202/140522642_1319306288.png") repeat scroll 0 0 transparent; border: 1px solid #00C6E3; color: #00C6E3; margin-left: auto; margin-right: auto; position: fixed; text-align: center; top: 0; width: 968px; box-shadow: 0 0 2px 1px #00C6E3;}</style><div id="komunikat"><marquee>TEKST TEKST</marquee></div>
KOLOR CIENIA
KOLOR TEKSTU
KOLOR OBRAMOWANIA
Mam nadzieje że wam się przyda. Gdyby były z tym kodem problemy to pisać ;)
Silver (14:49)
15 Perfekcyjnie!

07 listopada 2011
Siema, ktos mnie prosił o zestaw z Arianą Grande.To jest moje dzieło: hahaha xD

 

 

 

 
  
 

To tego na tyle.
 Zapraszam do pobierania oraz komentowania ! ; d Mam nadzieję, że podoba Wam się moja grafa xD Do zobaczenia, papa ;-)
Granulek (21:21)
2 Jest dobrze!

06 listopada 2011
Cześć, dzisiaj zestaw ze sławną grą Angry Birdy (dla wtajemniczonych po polsku wściekłe kurczaki ; 3). Zapraszam do oglądania, pobierania, a później komentowania ; d

     

 

 

 

Ok ; 3 To wszycho. Może nie jest za ,,piękny", ale ładny < 3 Zapraszam do komentowania oraz pobierania ;-) Piszcie z kim chcecie zestawy, Claudia ; D
Granulek (14:13)
10 Perfekcyjnie!

03 listopada 2011

Cześć, dzisiaj daję kilka nagłówków pisanych. Nie miałam za bardzo weny kiedy to robiłam, ale coś z tego wyszło ;-) Dziękuję za uwagę, a oto nagłówki:

  

 


 


 


   


  


   


  


 


Kto weźmie niech pisze, ale to chyba oczywiste ; D To tyle, papa ; p





Granulek (20:20)
17 Perfekcyjnie!
Udostępniam wam moje menu.. Uszanujcie to! ;)
Wygląd:
  
Kod:
<div id="Menu" class="Silver">
<li><a href="http://poszkole.pl/strona">Strona</a></li>
<li><a href="http://poszkole.pl/strona/komponenty">Dodatki</a></li>
<li><a href="http://poszkole.pl/przyjaciele">Znajomki</a></li>
<li><a href="http://poszkole.pl/klasy">Buda</a></li>
<li><a href="http://poszkole.pl/grupy">Grupy</a></li>
<li><a href="http://poszkole.pl/galerie">Fotki</a></li><li><a href="http://poszkole.pl/wiadomosci">Prywatne</a></li>
<li><a href="http://poszkole.pl/profil">Profil</a></li></div><style>
div#Menu.Silver {    background: url("http://i42.tinypic.com/ehksaq.png") repeat scroll center top black;    border: 1px solid #828282;    border-radius: 0 0 85px 85px;    box-shadow: 0 0 2px 1px #FFFFFF;    float: left;    height: 50px;    margin-left: auto;    margin-right: auto;    position: fixed;    top: -28px;    width: 968px; -webkit-transition-duration: 0,1s;}
div#Menu.Silver:hover {    background: url("http://i42.tinypic.com/ehksaq.png")   repeat scroll center top black;    border: 1px solid #828282;    border-radius: 0 0 85px 85px;    box-shadow: 0 0 2px 1px #FFFFFF;    float: left;    height: 50px;    margin-left: auto;    margin-right: auto;    position: fixed;    top: 0px;    width: 968px; -webkit-transition-duration: 0,1s;}
</style><link rel="stylesheet" type="text/css" media="screen,projection" href="http://poszkole.pl/mojastrona/zbanowani/unban/19188731"><link rel="stylesheet" type="text/css" media="screen,projection" href="http://poszkole.pl/mojastrona/zbanowani/unban/16239742"><style>
div#Menu.Silver li {margin-left: 2px; float: left; text-align: center; opacity: 0.6; }
div#Menu.Silver li a {    font: bold 22px times New Roman;    margin-left: 35px; color: silver;}
div#Menu.Silver li:hover {float: left; text-align: center; opacity: 1; }
</style>
Kolory tego menu pasują do każdego remontu, więc nie radze ich zmieniać. :D
Silver (13:48)
59 Perfekcyjnie!

01 listopada 2011
Siema :D! To znów ja. Dziś dam kod na zmienianie się kolorów playerki
O to on :
<style> #flashplayer {border: 3px dashed #fff; background: #000; -webkit-transition-duration: 0,1s;} #flashplayer:hover { border: 3px dashed #000; background: #fff; -webkit-transition-duration: 0,1s; } </style>
Najlepiej dobrać dwa kolory do tego. Pozdro!

SkyllaX. (20:17)
2 Jest dobrze!

30 października 2011
Siema ! , a oto zestaw z Danbo, mam nadzieje, że się spodoba ;3

   

 

 

 

 

 

Chyba wymiar tła jest zły, ale jeśli to prawda to w najbliższym czasie to poprawie. Przypominam o zasadzie bierzesz=piszesz. To na tyle, dziękuję za uwagę, pa pa ;*
Granulek (19:03)
7 Perfekcyjnie!
Na prośbe jednej z osób które czytają bloga.
<style>.relationship p span {display: none;} .relationship p {display: none;}</style>
Kod daje nam, że nie widać nicku oraz napisu ' jestem w związku '
Nie ma za co ;d

SkyllaX. (17:48)
2 Jest dobrze!

28 października 2011
Witam tu nowy autor stylów, może i grafiki SkyllaX. Na Ps nick - wódka w ustach.
Dam wam kod na zmianę koloru linku po najechaniu.
Kod:
<style> div.blockItem div.blockContent a { -webkit-transition-duration: 0,1s; } div.blockItem div.blockContent a:hover { color: #fff; -webkit-transition-duration: 0,1s; } </style>
Czerwony - kolor na jaki chcemy zmienić link.
SkyllaX. (17:53)
8 Perfekcyjnie!

24 października 2011

  Dzisiaj pokażę Wam jak zrobić o takie menu ; 3 Kiedyś było bardziej popularne, a dzisiaj prawie nikt go nie ma na stronce, więc . . .  ;ddd

 

 

Zaczynamy od zrobienia tych plakietek ja daje Wam kilka zrobionych ;-)

 

Błękitne: Stronka Komponenty Koledzy Klasy Grupy Zdjęcia

 Czerwone: Stronka Komponenty Koledzy Klasy Grupy Zdjęcia

Zielone: Stronka Komponenty Koledzy Klasy Grupy Zdjęcia

Różowe: Stronka Komponenty Koledzy Klasy Grupy Zdjęcia

Żółte: Stronka Komponenty Koledzy Klasy Grupy Zdjęcia


Ok ;3 To kiedy już mamy nasze plakietki, zaczynamy działać ;pp wchodzimy w edycję strony i klikamy ,,Tekst". Zaznaczamy podaną plakietkę, aby wyglądała o tak. Kopiujemy to(ctrl+c) i wklejamy(ctrl+v) do naszego pola tekstowego na poszkole. Kiedy już mamy ten obrazek klikamy w ,,Wstaw/edytuj hiperłącze" i wpisujemy link podamy tam tej strony, gdzie była plakietka. I tak robimy z kolejnymi dwoma(Stronka; Komponenty; Koledzy), a z następnymi trzema robimy już w następnym tak jakby tekscie ;-) Czyli klikamy zapisz, wchodzimy jeszcze raz w tekst i powtarzamy tę czynność, którą opisałam tym razem z Klasy, Grupy i Zdjęcia. Prawdo podobnie to wszystko nie zmieści się Wam w jedną linijkę, dlatego każdy może sobie dostosować pod siebie. Myślę, że obrazek wszystko wyjaśni ;-)

Dziękuję, to na tyle, myślę, że instrukcja jest jasna, a nawet za jasna ;pp Pamiętajcie bierzesz=piszesz, bo jak zobaczę, że ktoś ma moje plakietki i nic tutaj nie napisał to zamorduje ; D
Granulek (19:35)
8 Perfekcyjnie!
Wszystkie instrukcje są dostępne w tym temacie ;)

KOD:
<style type="text/css">body{background-image:url(http://s.redefine.pl/dcs/o2/redefine/poszkole_user_page/24/24401202/140522642_1319306288.png);background-position:top center;opacity:0.85;filter:alpha(opacity=85);}div.blockItem h2{background-color:transparent;font-family:Tahoma;font-size:14px;color:#00c6e3;}div.blockItem div.blockContent{border-bottom-color:#00c6e3;border-left-color:#00c6e3;border-right-color:#00c6e3;background-color:transparent;padding:9px;color:#ababab;border-top-width:1px;border-top-style:solid;border-top-color:#00c6e3;}div.blockItem div.blockContent a{color:#00c6e3;}div.blockItem div.blockContent .inb{border-color:transparent;}div.blockItem div.blockContent .sp{color:#00c6e3;}div.boxMusic div.blockContent{border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-top-width:0px;}</style><style>#footer, #top, a.link_1, a.link_2, li#bFav, li#bPoke, li#bBan, li#bFri, p.add-comment-a, .boxWall div.wall-box-b div.secondary-a p.close-a a {display:none;}</style><style>.boxWall div.wall-box-a {    background-color: transparent;    border-bottom: 0 solid #C8C9C7;}.boxWall div.wall-box-a div.secondary-a input.submit-a {    background-color: transparent;    border: 1px solid #00C6E3;    color: #00C6E3;}.boxWall div.wall-box-a div.secondary-a input.input-a {    border: 1px solid #00C6E3;    color: #00C6E3; }.boxWall div.wall-box-b {    border-top: 0 solid #C8C9C7; background: none transparent;}.boxWall div.wall-box-b {    border-top: 0 solid #C8C9C7;    float: left;    padding: 5px 0;}#flashplayer {    border: 1px solid #00C6E3;}</style><script> $(function() { $("#postSubmit").val("Wyślij post!"); }); </script><style>div.blockContent{border-radius: 15px 15px 15px 15px;}div#userleft div.avatar {    background: url('LINK DO AWATARA 144x144') no-repeat transparent;    border: 1px solid #C8C9C7 ;     height: 131px;     width: 131px; }#userleft div.avatar img {    display: none;}h2{text-align:center;}</style><script> $(function() { setInterval(function() { $(".wall-box-b:gt(3)").remove(); }, 1); }); </script><style>div#author {    background: url("http://s.redefine.pl/dcs/o2/redefine/poszkole_user_page/24/24401202/140522642_1319306288.png") repeat scroll 0 0 transparent;    border: 1px solid #00C6E3;    color: #00C6E3;    margin-left: auto;    margin-right: auto;    position: fixed;    text-align: center;    top: 0;    width: 968px; box-shadow: 0 0 2px 1px #00C6E3;}</style><div id="author"><marquee>Strona wykonana za pomocą kodów z blogów: <a href="http://azusakitadeworld.blog.onet.pl/">Azusy i Sk0rp10na</a> i <a href="http://silver-helper.blog.onet.pl/">Silvera</a>!</marquee></div>

Zakaz usuwania informacji autorskiej!
Silver (15:29)
3 Jest dobrze!

23 października 2011
Ktoś mnie prosił o zestaw z Justinem Bieberem ;33 Bardzo proszę, a oto on: ;pp

  

 

 

  

 

Pamiętaj! Bierzesz=piszesz!
Granulek (17:43)
17 Perfekcyjnie!
NOWOŚĆ!
Idealne rozwiązanie dla leniwych! Po wklejeniu tego kodu do HTML strona zmieni wygląd na mniej więcej taki: 
  
Zakaz usuwania bloku z informacją autorstwa oraz zakaz zmieniania jego treści!
Kod:
<style type="text/css">
body{background-image:url(http://s.redefine.pl/dcs/o2/redefine/poszkole_user_page/24/24401202/140522642_1319306288.png);background-position:top center;opacity:0.85;filter:alpha(opacity=85);}
div.blockItem h2{background-color:transparent;font-family:Tahoma;font-size:14px;color:#00c6e3;}
div.blockItem div.blockContent{border-bottom-color:#00c6e3;border-left-color:#00c6e3;border-right-color:#00c6e3;background-color:transparent;padding:9px;color:#ababab;border-top-width:1px;border-top-style:solid;border-top-color:#00c6e3;}
div.blockItem div.blockContent a{color:#00c6e3;}
div.blockItem div.blockContent .inb{border-color:transparent;}
div.blockItem div.blockContent .sp{color:#00c6e3;}
div.boxMusic div.blockContent{border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-top-width:0px;}


</style><style>#footer, #top, a.link_1, a.link_2, li#bFav, li#bPoke, li#bBan, li#bFri, p.add-comment-a, .boxWall div.wall-box-b div.secondary-a p.close-a a {display:none;}</style><style>.boxWall div.wall-box-a {    background-color: transparent;    border-bottom: 0 solid #C8C9C7;}.boxWall div.wall-box-a div.secondary-a input.submit-a {    background-color: transparent;    border: 1px solid #00C6E3;    color: #00C6E3;}.boxWall div.wall-box-a div.secondary-a input.input-a {    border: 1px solid #00C6E3;    color: #00C6E3; }.boxWall div.wall-box-b {    border-top: 0 solid #C8C9C7; background: none transparent;}.boxWall div.wall-box-b {    border-top: 0 solid #C8C9C7;    float: left;    padding: 11px 0;}#flashplayer {    border: 1px solid #00C6E3;}</style><script> $(function() { $("#postSubmit").val("Wyślij post!"); }); </script><h2>Informacje autorskie :)</h2><div class="blockContent" id="autor">Strona wykonana za pomocą kodów z blogów: <a href="http://azusakitadeworld.blog.onet.pl/">Azusy i Sk0rp10na</a> i <a href="http://silver-helper.blog.onet.pl/">Silvera</a>!</div><style>div.blockContent{border-radius: 15px 15px 15px 15px;}div#userleft div.avatar {    background: url('LINK DO AWATARA 144x144') no-repeat transparent;    border: 1px solid #C8C9C7 ;     height: 131px;     width: 131px; }#userleft div.avatar img {    display: none;}h2{text-align:center;}</style><script> $(function() { setInterval(function() { $(".wall-box-b:gt(3)").remove(); }, 1); }); </script>
Pozdrawiam, Silver.

PS: Wam też się ściana zepsuła? ;)
Silver (17:27)
18 Perfekcyjnie!

  Cześć, nazywam sie Claudia i będę pomagała w prowadzeniu tego bloga ; D  To moje konto na poszkole --> http://poszkole.pl/Claudusia Proszę, a oto zestaw zrobiony dla Was przeze mnie :** daje również taki av w dziwnym stylu ;333

 

 

   

 

   

  

 

Pamiętaj ! Bierzesz=Piszesz (bo uznam za kopie, a tego nie polecam!)
Granulek (15:21)
6 Perfekcyjnie!

30 sierpnia 2011
Może to nie wygląda całkowicie jak blok z komentarzami, ale napewno lepiej niż oryginalna wersja ściany:
<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 #66FF00;color: #FFFFFF;}.boxWall div.wall-box-a div.secondary-a input.submit-a {background-color: transparent;border: 1px solid #5D8C02;color: #FFFFFF;}</style>
KOLOR OBRAMOWANIA W POLU TEKSTOWYM
KOLOR CZCIONKI W POLU TEKSTOWYM
KOLOR OBRAMOWANIA PRZYCISKU
KOLOR TEKSTU W PRZYCISKU
Mam nadzieje że w niczym nie popełniłem błędu.. ;)
Efekt:
  
Silver (12:01)
94 Perfekcyjnie!

07 sierpnia 2011
Poniższym stylem można zmienić krój, kolor i rozmiar czcionki:
<style>ol.comments li cite span{color#787878;font11px Arial;}</style>
KOLOR CZCIONKI
ROZMIAR CZCIONKI
KRÓJ CZCIONKI (NAZWA)
Możecie sobie sami pozmieniać tak, jak wam pasuje! ;)
Przykład:

Silver (18:47)
8 Perfekcyjnie!

03 sierpnia 2011
Powracam do pisania styli.
<style>.boxFlirts img{border-radius:15px;}</style>
Nie będe się rozpisywał - styl zaokrągla prezenciki ;)

Silver (10:24)
5 Perfekcyjnie!

14 lipca 2011
Poczytałem dzisiaj trochę o hiperłączach i znalazłem błąd w MINI MENU.
Możecie już je kopiować bo będzie działać prawidłowo. ;)
Błędem było nie dodanie http:// :P
Silver (11:07)
10 Perfekcyjnie!

13 lipca 2011
W dniach 18.07 - 29.07 wyjeżdżam do Sopotu.
W komentarzach możecie pisać czego potrzebujecie.
Kontakt ze mną tylko przez GGCzat, na którym mam nick Hardcore :D
Numer GGCzatu:

6188632
Strona internetowa:
http://ggczat.net ;)
Blog na którym znajdziecie zajebiste kody:
http://azusakitadeworld.blog.onet.pl/
Silver (11:54)
2 Jest dobrze!

Copyright 1996-2012 Grupa Onet.pl SA (system)
Silver(treść i ilustracje);