carolyn's workshop

-->

10.04.2014

Podpis #11

Podpis na zamówienie :) Najlepsza zamawiająca świata - wszystko pięknie opisuje, daje od razu gify i nie trzeba się potem babrać ze zmianami kolorów <3 No i podpis wyszedł moim skromnym zdaniem jeden z lepszych, jakie wykonywałam i aż żal że pomysł nie mój!

Staind Collght You see there's no real ending It's only the beginning Come out and play crl

KOD:

<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700italic' rel='stylesheet' type='text/css'><style>.st1{width:120px; height:120px; border-radius:40px 0px 0px 40px; }.st2{width:120px; height:120px; border-radius:0px 40px 40px 0px; }.st3{width:200px; height:200px; border-radius:40px;}.sta{font-family: 'Droid Serif', serif; font-size:30px; text-align:center; font-style:italic; text-shadow:1px 1px 1px #3e404f;}.ind{font-family: 'Droid Serif', serif; font-size:9px; text-align:center; text-transform:uppercase;}.col{width:240px; height:80px; color:#6f6e77; border-radius:40px;}.cre{font-family:tahoma;letter-spacing:2px; text-transform:uppercase; font-size:8px; color:#000; opacity:0.5; text-align:center; margin-bottom:-4px;}.s1{width:12px; height:12px; background-color:#676a75; border-radius:10px; margin-bottom:8px;}.s2{width:12px; height:12px; background-color:#936e80; border-radius:10px; margin-bottom:8px;}.s3{width:12px; height:12px; background-color:#313344; border-radius:10px; margin-bottom:8px;}</style><center><table><tr><td class="col"><div class="sta">Staind Collght</div><div class="ind">You see there's no real ending<br><b>It's only the beginning</b><br><i>Come out and play</i></div><a href="http://carolyns-workshop.blogspot.com/"><div class="cre">crl</div></a></td><td rowspan=2><div class="s1"></div><div class="s2"></div><div class="s3"></div><div class="s2"></div><div class="s3"></div><div class="s1"></div><div class="s3"></div><div class="s2"></div><div class="s1"></div></td><td rowspan=2><img src="http://oi59.tinypic.com/294gnqq.jpg" class="st3"></td></tr><tr><td><img src="http://oi58.tinypic.com/255jhip.jpg" class="st1"><img src=http://oi61.tinypic.com/1j2n1y.jpg" class="st2"></td></tr></table></center>

SMS #1

Po dość sporej jak na mnie przerwie wracam. W zasadzie to nie tak na stałe, bo nadal zżerają mnie inne roboty, ale nie mogę pozwolić żeby mi nagle blog umarł.
Więc wrzucam mały kodzik na smsa. Jak dobrze pójdzie dorobię też kod na obrazki pod tematy, a dodatkowo mam w zanadrzu śliczny podpis (zamówienie, więc pomysł nie mój - stąd taki otwarty zachwyt, nie jestem aż takim narcyzem :D)

Dobra, mam nadzieję, że się podoba! Pewnie coś się poprzesuwa w tym kodzie poniżej, ale przy testowaniu działało. Jakby co pisać, pobawimy się marginami itd :)

Może jakiś super szałowy kod to to nie jest, ale może ktoś lubi takie prostsze "byle co". :)

	Nowa wiadomość od: carolyn
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nibh nulla, euismod id congue id, congue id congue id congue id congue id congue id congue idluctus eget risus. Nunc adipiscing libero et ornare eleifend.

KOD:

<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'><style>.sm1{width:100px; height:100px; border-radius:100px;  border:1px solid #88390f;}.sm2{width:200px; height:100px; background-color:#f5d797; position:relative; border:1px solid #88390f; }.sm2:hover{opacity:0; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.sm3:hover{opacity:1; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.sm25{font-family: 'Special Elite', cursive; font-size:20px; width:190px; text-align:center; color:#c36736;}.sm3{width:200px; height:98px; background-color:#f5d797; margin-top:-103px; border:1px solid #88390f; position:relative; opacity:0; transition: all 2s ease;-moz-transition: all 2s ease;-o-transition: all 2s ease;-htm-transition: all 2s ease;-webkit-transition: all 2s ease;}.sm4{font-family:tahoma; height:75px; font-size:10px; text-transform:uppercase; text-align:justify; overflow:auto; padding:8px; color:#88390f;}</style><center><table><tr><td rowspan=2><a href="http://carolyns-workshop.blogspot.com/"><img src="http://i.imgur.com/AnvAjFL.jpg" class="sm1"></a></td><td class="sm2"><div class="sm25">Nowa wiadomość od: <b><a href="LINK DO TELEFONU NADAWCY">carolyn</a></b></div></td></tr><tr><td><div class="sm3"><div class="sm4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nibh nulla, euismod id congue id,  congue id congue id congue id congue id congue id congue idluctus eget risus. Nunc adipiscing libero et ornare eleifend.</div></td></tr></table></center>

27.03.2014

Pola w profilu - trójpak #1

Na życzenie - pola w profilu... W sumie czymś wielkim popisać się tutaj nie da bo można uznać że wszystko już zostało w tej kwestii powiedziane czy zrobione, ale może coś tam świeżego będzie. Fajnie się to robi, może będą częściej :)

Najważniejsza sprawa - marginy. Próbowałam na 2 forach i na obu wychodziło inaczej, więc po prostu każdy musi to sobie indywidualnie ustawić żeby pasowało.

POLE 1:

Kod do wklejenia do stylu:

W prefixie:

W suffixie:

Dla nie-linków zostają tylko DIVy.

POLE 2:

Kod do wklejenia do stylu:

Jak wyżej tylko klasa ma nazwę "prof2"

POLE 3:

Kod do wklejenia do stylu:

<link href='http://fonts.googleapis.com/css?family=Raleway:400,300' rel='stylesheet' type='text/css'><style>.prof3{width:180px; height:20px; font-family: 'Raleway', sans-serif; text-align:center; color:#FCDF61; font-size:15px; 
border-top:1px dashed #FCDF61; border-radius:20px; border-bottom:1px dashed #FCDF61; border-left:3px solid #FCDF61; border-right:3px solid #FCDF61; margin-top:1px;
background: #71c2c6;
background: -moz-linear-gradient(left, #71c2c6 0%, #7ecaa6 50%, #bddd9c 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#71c2c6), color-stop(50%,#7ecaa6), color-stop(100%,#bddd9c)); 
background: -webkit-linear-gradient(left, #71c2c6 0%,#7ecaa6 50%,#bddd9c 100%); 
background: -o-linear-gradient(left, #71c2c6 0%,#7ecaa6 50%,#bddd9c 100%); 
background: -ms-linear-gradient(left, #71c2c6 0%,#7ecaa6 50%,#bddd9c 100%); 
background: linear-gradient(to right, #71c2c6 0%,#7ecaa6 50%,#bddd9c 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71c2c6', endColorstr='#bddd9c',GradientType=1 );
</style>

Jak wyżej, klasa nazywa się "prof3"

Ogłoszenie #1

Witam znów! Dzisiaj zamówienie, a raczej prośba (?), bo bez szczegółów :P
Ogłoszenie numer jeden - miało być jasne, wyszło subtelne, lekko "brudne". Kolory zawsze można zmienić :P

Niestety moje testowe forum nie przyjęło czcionek z google fonts, więc wrzucam screen z generatora. On tak brzydko podkreśla linki, tak naprawdę nie mają podkreślenia.

Z linkami dzieje się to co widać na "Partnerstwie", nagłówki się trochę rozjeżdżają, prócz tego żadnych bajerów nie ma, bo kod i tak wydaje mi się już zbyt długi.

Enjoy!

(kliknij aby powiększyć)

KOD:

<link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Titillium+Web&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.otab{background-color:#E9DECC; width:800px; padding:5px;}.obx1{background-color:#EACDBF; border-radius:30 30 0 0 ; border:1px dashed #BDC9B1; }.obx2{background-color:#EACDBF; border-radius:30; border:1px dashed #BDC9B1; }.oad{color:#68755A; font-family: 'Calligraffitti', cursive; font-size:25px; text-align:center; text-shadow: 0px 1px 1px #68755A; border-radius:50; height:30px; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.oad:hover{letter-spacing:4px; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.adm1{width:80px; height:80px; border-radius:50px; border:1px dashed #271F1D;}.adm2{width:80px; height:80px; border-radius:50px; border:1px dashed #271F1D;margin-left:5px;}.adm3{width:80px; height:80px; border-radius:50px; border:1px dashed #271F1D; margin-left:5px;}.evt{color:#68755A; font-family:tahoma; font-size:9px; text-transform:uppercase; padding:5px; background-color:#BDC9B1; border-radius:10px;}.fab{font-family:tahoma; font-size:12px; width:300px; overflow:auto; height:185px; padding:10px; background-color:#BDC9B1; text-align:justify; color:#68755A; border-radius:10px;}.link{width:160px; height:20px; font-family: 'Titillium Web', sans-serif; text-align:center; color:#68755A; background-color:#BDC9B1; border-left: 2px solid #68755A; border-right: 2px solid #68755A; padding:2px; border-radius:20px;}.link:hover{font-weight:bold; letter-spacing:1px; }.cred{width:164px; font-family:tahoma; font-size:9px; color:#68755A; background-color:#BDC9B1; border-left: 2px solid #68755A; border-right: 2px solid #68755A; border-radius:20px; border-bottom: 1px solid #68755A; }::-webkit-scrollbar {width: 8px; background: #BDC9B1; border-radius: 10px;}::-webkit-scrollbar-thumb {background-color: #E9DECC;border-radius: 10px;}</style><br />
<center><table class="otab"><tr><td class="obx2" colspan=2 align=center><div class="oad">Administracja</div><img src="http://i.imgur.com/8fIZUb1.gif" class="adm1"><img src="http://i.imgur.com/hUmEIVW.jpg" class="adm2"><img src="http://i.imgur.com/8fIZUb1.gif" class="adm3"></td><td rowspan=2 class="obx1" width=300><div class="oad">Fabula</div><div class="fab">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In augue metus, tincidunt non fermentum in, dictum et ligula. Curabitur a commodo massa. Donec nec urna ornare, viverra nibh et, condimentum urna. Etiam quis tortor dolor. Fusce quis molestie mauris, porta tincidunt turpis. Aenean consectetur convallis magna, sit amet hendrerit magna laoreet in. Sed eget consectetur dui. Cras quis viverra sem. Suspendisse arcu nibh, aliquam id dapibus ut, porttitor id turpis. Fusce in nibh nulla. Nam sed turpis dignissim, vulputate erat faucibus, congue nunc. Nulla facilisi. Praesent ut elementum neque. Donec non magna non augue laoreet fermentum. Integer semper, dui ac egestas bibendum, eros magna molestie augue, ut adipiscing mi mi ac urna. Sed neque libero, molestie a molestie eu, pharetra ac odio. Proin rutrum felis nisi. Praesent in velit id justo dictum ornare. Sed sed facilisis sem. Nullam libero leo, venenatis quis nisl eget, suscipit fringilla odio.</div></td><td rowspan=2 class="obx1" width=170 align=center><div class="oad">Linki</div><a href="REGULAMIN"><div class="link">Regulamin</div></a><a href="ZAJETEWYGLADY"><div class="link">Zajęte wyglądy</div></a><a href="PARTNERSTWO"><div class="link">Partnerstwo</div></a><a href="FABUŁA"><div class="link">Fabuła</div></a><a href="REZERWACJE"><div class="link">Rezerwacje</div></a><a href="SPIS ZAWODÓW"><div class="link">Spis zawodów</div></a><a href="URLOPY"><div class="link">Urlopy</div></a><a href="KTOZAGRA?"><div class="link">Kto zagra?</div><a href="http://carolyns-workshop.blogspot.com/"><div class="cred"><b>@</b>carolyn</div><a/></td></tr><tr><td colspan=2 class="obx1"><div class="oad">Wydarzenia</div><div class="evt">Nam vestibulum porta elementum. Cras velit nibh, rutrum sed mattis at, hendrerit non augue. Donec et est ut justo mollis consequat. Cras est turpis, luctus malesuada bibendum vel, aliquet suscipit nisl. Cras mattis arcu consectetur suscipit fringilla. In hac habitasse platea dictumst. </div></td></tr></table></center>

Subskrybuj: Posty (Atom)