piątek, 25 kwietnia 2014

[12-13] We li­ve, as we dream.

Sygnature by Celivia


Witajcie bardzo serdecznie.:) Oficjalnie mogę powiedzieć, że powitaliśmy wiosnę pełną parą. Jest tak gorąco [przynajmniej u mnie] że nie da się nie wyjść z domu, a dodatkowo wieczorem mocne burze. JEZU CUD. *-*


Przychodzę dzisiaj z dwoma zamówieniami, które dostałam prywatnie do zrobienia.
Teraz gdy jest ciepło i słońce przedziera się przez moje okno, że wolę wykonywać w ciepłych kolorach zamówienia, pastelowe. Cos w kolorach zieleni, błękitu rozumiecie przez to aż miło się patrzy.


Pierwsze zamówienie jest na bloga z tłumaczeniem o Justinie Bieberze.
Jest to druga część tłumaczenia ewb. Z pewnością kojarzycie.:) 



EFEKTY:



Z racji tego, że jest to prywatny szablon nie daje wam go do pobrania.



Drugi szablon jest w ciemnych kolorach i dlatego nie wyszedł tak jak chciałam. Miałam milion pomysłów na genialny nagłówek i oczywiście nie zrealizowałam żadnego z nich.
Raz była wena, a raz nie było.
Pomimo bardzo fajnej tematyki i dużych wymagań zamawiającej nie udało mi się uzyskać fajnego efektu.
Przynajmniej mi się to nie podoba, ale ona była wniebowzięta.:)



EFEKTY:



Tak więc to tyle z zamówień w następnej notce będą kolejne dwa dla osób, które możecie zobaczyć w kolejce.



INSTRUKCJA.

Z racji tego, że nie przygotowałam żadnych koloryzacji mam dla was instrukcje jak zrobić efekt przejścia w menu od pierwszego szablonu.


                                                   

Jest to bardzo prosta sprawa.

#PageList1 li a:link, #PageList1 li a:visited {
background: #fff !important; \odpowiada za tło przed najechaniem\
font-weight: normal;
display: block;
padding: 5px; \wysokość w dole i w górze karty\
margin: 0px -10px -10px -10px; \poszerzenie, wydłużenie kart i miejsca\
transition-duration: 1.5s; \szybkość zmiany po najechaniu\
font-size: 20px !important; 
letter-spacing: 1px; \rozszerzeni czcionki\
color: #81669B !important; \kolor czcionki\
text-transform: uppercase;
font-size: 11px !important; \wielkość czcionki\
border-bottom: -5px solid #000000;
}

#PageList1 li a:hover {
transition: all 0.7s ease 0s;
color: #fff!important; \kolor czcionki po najechaniu\
border-bottom: -5px solid #000000;
box-shadow: inset 200px 0px 0px #583F81, inset -200px 0px 0px #000000; \kolor cienia zmieniającego kolor\
text-shadow: 0px 0px 2px #000000 !important;
}


Mam nadzieję, że wszystko dobrze podpisałam i nie będzie błędów.
Jeżeli kopiujecie usuńcie podpisy bo może wszystko nie działać tak jak trzeba.
Jeżeli macie jakieś problemy z instrukcją to piszcie albo na maila, gadu lub po prostu w komentarzu.


Miłego dnia.:)
Celivia.

PRZYJMUJĘ ZAMÓWIENIA.

środa, 23 kwietnia 2014

[9-11] Now, I'm a WARRIOR!



Cześć wszystkim. 
Święta minęły w zaskakująco szybkim tempie. Zbliża się kolejna przerwa. 
Te święta spędziłam w jeszcze lepszej atmosferze niż poprzednie. Jestem niesamowicie zadowolona z nich. 
A jak wam minęły święta?
Napiszcie. Lubię czytać takie rzeczy. Chce dowiedzieć się więcej o naszych czytelnikach. 


A teraz szablony, które w ostatnim czasie wykonałam na zamówienie:

1) Zamówienie od  @LauraLaura610


2) Zamówienie @luvmy94


3) Zamówienie @Monika_jdb


4 )Zamówienie @Sara2002Sara



To chyba wszystko na dzisiaj. Przyjmuje zamówienia. 
Jeśli wam się te prace spodobały, napiszcie w komentarzu. 

Jeśli potrzebujecie odpowiedzi na jakieś pytanie. Śmiało. Pytajcie!

Może w kolejnym moim poście jakaś instrukcja? hm..? Tylko na co?
Co sprawia wam kłopot, ja pomogę.

A, no i piosenka jeszcze na dzisiaj


Buziaki, AnPir



sobota, 19 kwietnia 2014

[6-8] It's the same old song

Cześć wszystkim!
Dzisiaj przychodze do was z kilkoma koloryzacjami i zamówieniami. 
Mam nadzieję, że się wam spodoba. 

Szablon na zamówienie @mariesupra
Zapraszam na jej bloga: Claimed 

Zamówienie @muchasiloveyou
Zapraszam na bloga: Liar


Zamówienie @93Ewelina
Zapraszam na bloga: Dizewczyna w czerwonej sukience 
Dziewczyna świetnie rysuje

Pzyjmuję zamówienia, więc śmiało piszcie do mnie.
Jeśli potrzebujecie w czymś pomocy, piszcie, bez oporów. 
Na każde pytanie odpowiemy.

W komentarzu napiszcie co myślicie o moich pracach. 

A teraz kilka koloryzacji. 





Mam nadzieję, że koloryzacje wam się przydadzą, przypominam o haśle nałożonym na nie. Odsyłam do regulaminu. Oczywiście informujcie nas jeśli pobieracie nasze pliki. To tylko chwila. 

Jeśli czytaliście ostatni post, zauważyliscie, ze dołączyła do mnie Celivia.
Liczę, że współpraca będzie udana. A wy co myślicie? 
Na koniec jeszcze piosenka, która do mnie dzisiaj powróciła. Na nowo się w niej zakochałam. 
Wyczekiwałam lepszej wersji i mam. 


Buziaki, Anpir



czwartek, 17 kwietnia 2014

[5]All on my mind

sygnature by Celivia


Witajcie! :)
Nie znacie mnie, dokładnie tak. Jestem tutaj nowa... jako dłoń pomocna.:)
Nie będę się o sobie dużo rozpisywać bo wiem, że nikt nie lubi czytać beznadziejnych wypocin. Więc omijam to szerokim łukiem.

Więc u mnie również możecie składać zamówienia.
nie ważne ile minie od waszego ostatniego zamówienia JA każde przyjmę.:)
Na wykonanie jednego mam od tygodnia do dwóch, jednakże zazwyczaj oddaje po 2/3 dniach z racji tego, że nudzę się sama ze sobą. :)))

Nie złożycie zamówienia do jakiejś osoby, która wam zrobi szablon w paincie tak więc pokazuję wam moje prace. Może niektóre nie są najnowsze ale myślę, że to nie ma znaczenia.












Są to tylko niestety nagłówki.
Mam nadzieję, że to na co mnie stać w css (tworzeniu szablonów)
 pokażę wam i wyjdzie w praktyce.

Dla osób również interesujących się grafiką mam kilka koloryzacji i teksturek, które zrobiłam specjalnie z okazji tej mojej pierwszej notki.:)

PRZED POBRANIEM ZAPOZNAJ SIĘ Z REGULAMINEM
POBIERASZ = KOMENTUJESZ








Jeżeli koloryzacje wam się spodobały napiszcie, a z pewnością w następnej notce się pojawią kolejne.:)
Serdecznie chciałabym was również zaprosić na moją podstronę gdzie dowiecie się jakie zamówienia przyjmuję. PODSTRONA

Mam nadzieję, że wkrótce ten świetny blog zagospodaruje we wspaniałych czytelników, czyli was którzy będą nas wspierać i mam nadzieję, że zostanę tutaj na długo!:)

Co chcielibyście zobaczyć w następnej notce ode mnie?
mam dużo pomysłów, ale chcę uderzyć w sedno i coś co wam się przyda.

W takim razie ja się z wami żegnam mam nadzieję, że nie zanudziłam was za bardzo.
kocham. I do następnej notki.:)

PRZYJMĘ KILKA CIEKAWYCH ZAMÓWIEŃ

poniedziałek, 14 kwietnia 2014

[4]Breakers of hearts

Szablon na zamówienie @Monika_jdb z Twittera

Zapraszam na jej bloga: http://lovebutbetrayal.blogspot.com/

Na dzisiaj przygotowałam jeszcze kilka koloryzacji



Mam nadzieje ze się wam przydadzą. 
Hasło do nich znajdziecie w regulaminie.

piątek, 11 kwietnia 2014

[3] Dezerterzy

Mój najnowszy szablon.
Wykonany na zamówienie @herowayland
Mam nadzieje, że wam także się spodoba.
Na początku w ogóle nie szło mi jego wykonanie. Zrobiłam dwie wersje tego szablonu. W końcu zdecydowałam, że ta będzie lepiej wyglądać.
I jak?
Podoba wam się?
Napiszcie co sądzicie.
Jeśli chcecie instrukcje jak wykonałam szablon czy nagłówek to napiszcie w komentarzu.

xx

środa, 9 kwietnia 2014

[2] Psycho

Kolejny szablon wykonany na zamówienie @TwerkForLukey z twittera.


ZAPRASZAM NA JEJ BLOGA: http://psycho-luke-brooks-tlumaczenie.blogspot.com/
Jest to tłumaczenie opowiadania.

Tutaj macie krótka zapowiedź.
- Myślisz, że jestem szalony, prawda ? - powiedział, a złowieszczy uśmieszek pojawił się na jego twarzy.
- Nnie.
- Oh, ale kochanie - podszedł do mnie bliżej, tak że dzieliło nas zaledwie parę centymetrów. Pochylił się i szepnął mi do ucha - głosy w mojej głowie mówią mi, że jest przeciwnie.

JEŚLI CHCECIE INSTRUKCJE JAK ZROBIŁAM TEN SZABLON PISZCIE W KOMENTARZACH.

poniedziałek, 7 kwietnia 2014

Jak to jest zrobione?

No więc w tym poście pokaże wam jak zrobiłam szablon "Together, we are stronger".
Może sie wydawać, ze to trudne, ale to tylko pozory.
No więc zaczynamy.

1)Jeśli juz mamy wybrany nagłówek. Musimy zdobyć do niego link. Ja używam www.imageshack.us
Klikamy upload: 


Natępnie wybieramy nagłówek któy nas interesuje:


 Zdjecie się ładuje:


 Klikamy Go to My Images:

Wybieramy link i go kopiujemy:


Wchodzimy w edytor szablonów w bloggerze:

W punktach:
Strona: 
Kolor tła:"przezroczyste"
Tło kart:
Kolor tła: transparent
Kolor po zaznaczeniu: transparent
Kolor obramowania: transparent
Nagłówek z datą: 
Kolor obramowania: transparent
Tło posta:
Kolor tła: transparent
Kolor obramowania: transparent
Kolor skosu: transparent
Tekst gadżetów:
Kolor alternatywny: transparent
Tło gadżetów:
Kolor tła: transparent
Kolor obramowania: transparent
Kolor skosu: transparent
Tło paska bocznego:
Kolor tła: transparent
Obrazy:
Kolor tła: transparent
 Kolor obramowania: transparent
Pager: 
 Kolor tła: transparent
 Stopka:
 Kolor tła: transparent

ZACZNIEMY ZA CHWILE PISAĆ ŁĄTWY CSS
JEDNAK WCZEŚNIEJ POLECAM ZMIENIC W "SZABLONY: 


 Jeśli mamy już to ustawione przechodzimy do 
DODAJ ARKUSZ CSS

 Tu zaczynaja się schody, jednak nie tak wysokie. 

Zaczynamy od pisania selektora "body"
body STAWIAMY SPACJE I DAJEMY NAWIAS KLAMROWY, ZNACZY OTWIERAMY POLECENIE JAKIE CHCCEMY ZASTOSOWAĆ {
background-image: url(TUTAJ WSTAWIAMY LINK NASZEGO NAGŁÓWKA) I STAWIAMY ŚREDNIK (;)
background-position: WYBIERAMY POZYCJE GDZIE MA SIE ZNAJDOWAĆ NAGŁOWEK- PODSTAWOWE TO: "top" "center" "bottom" "left" "right" OCZYWIŚCIE WPISUJEMY BEZ CUDZYSŁOWIA; NA KOŃCU KAŻDEGO POLECENIA WSTAWIAMY ŚREDNIK (;);
background-size:TUTAJ WYBIERAMY ROZMIAR NAGŁÓWKA W PIKSELACH (px) I ZNWOU NA KOŃCU STAWIAMY ŚREDNIK (;)
NA KOŃCU MUSIMY ZAMKNĄĆ POLECENIE NAWIASEM KLAMROWYM }

MOJ SELEKTOR body WYGLADA TAK :

IDZIEMY DALEJ


header {
height: TUTAJ WPISUJEMY WYSOKOSĆ W PIKSELACH (px) I ZNWOU ZAMYKAMY ŚREDNIKIEM I NAWIASEM KLAMROWYM;
}
U MNIE WYGLADA TO TAK:
DALEJ ZAJMIEMY SIĘ RAMKĄ POSTA:
W TYM CELU WPISUJEMY SELEKTOR '#Blog1' ISTNIEJA INNE SELEKTORY NA TO ALE JA UŻYWAM TEGO


#Blog1 {
background-color: ; WPISUJEMY NUMER KOLORU, W TYM CELU JA KORZYSTAM Z PROGRAMU "JUST COLOR PICKER (LINK DO STRONY GDZIE MOŻNA POBRAĆ: TU)
border" którego zaraz użyjemy jest to ramka
top-góra
bottom- dół
left-lewo
right- prawo
radius- zaokrąglenia 

np. 
border-top: grubość w pikselach (px) rodzaj ramki (nizej dam wam obrazek z rodzajami) i kolor w ukłądzie szesnastkowym czyli np. #ffffff i zamykamy średnikiem;

RODZAJE RAMEK:


U MNIE WYGLĄDA TO TAK:

WIDZIMY ŻE NASZ WYGLĄD POSTA NADAL NIE JEST DOBRY.
TERAZ ZAJMIEMY SIĘ WYŚRODKOWANIEM TEKSTU, KOLOREM POD SAM TEKST I MARGINESAMI.

PISZEMY KOLEJNY SELEKTOR

.post {
background-color:KOLOR TŁA POD SAM TEKST (ZOBACZ);
padding: USTALAMY ODSTĘP WEWNĘTRZNY TEKSTU OD RAMKI W PIKSELACH (px);
margin-left: SZEROKOŚĆ MARGINESÓW W PIKSELACH(px);
margin-right: 1px;
border-radius: 38px;
text-align: RODZAJ WYRÓWNANIA TEKSTU(są: "justify" "left" "right" "center" TAK JAK W WORDZIE) NO I ZAMYKAMY POLECENIE ŚREDNIKIEM A POTEM KLAMERKĄ ;
}
NASZ SZABLON WYGLADA TERAZ TAK:

 ZMIENIAMY POŁOŻENIE DATY:
SELEKTOR: 'h2.date-header span'
h2.date-header span {
text-align: POŁOŻENIE DATY( MAMY DO WYBORU "center" "left" "right";
margin-bottom/top: ODLEGŁOŚĆ OD MARGINESU DOLNEGO/GÓRNEGO
;
}

 TERAZ TYTUŁ POSTA:
SELEKTOR: "h3.post-title"

h3.post-title {
text-align: center;
margin-bottom: -8px;
margin-top: -8px; ;
}

ZANIM ZROBIMY KOLEJNY KROK W CSS-IE I WPROWADZIMY KOLEJNY SELEKTOR MUSIMY PODJĄĆ DECYZJE O UKŁADZIE BLOGA. CZYLI ILE KOLUMN I JAK UŁOŻONYCH CHCEMY.  W TYM CELU PRZECHODZIMY DO "UKŁAD"
I WYBIERAMY:
WRACAMY DO CSS PO WYBRANIU UKŁADU
TWRAZ ZAJMIEMY SIĘ KOLUMNĄ LEWĄ/PRAWĄ (TĄ KTÓRĄ WYBRALIŚMY)
JA WYBRAŁAM OBIE WIĘC NAJPIERW ZAJMĘ SIĘ LEWĄ
PISZEMY SELEKTOR:
".column-left/right-inner"

.column-left-inner {
position: relative(PISZEMY TEN KOD ABY MÓC PÓŹNIEJ W PROSTSZY SPOSÓB OKREŚLIĆ DOKŁADNE POŁOŻENIE KOLUMNY);
top: -160px(WYSOKOŚĆ W PIKSELACH(px);
right: 90px(USTALAMY W KTÓRĄ STRONĘ CHCEMY PRZEMIEŚCIĆ KOLUMNĘ);
width: 250px(SZEROKOŚĆ RAMKI, JEŚLI WAM ODPOWIADA TA KTÓRA JUŻ JEST NIE MUSICIE TEGO PISAĆ);}
KOLEJNE KOLUMNY OKREŚLAMY W TAKI SAM SPOSÓB ZMIENIAJAC JEDYNIE NAZWĘ SELEKTORA.

TERAZ ZAJMĘ SIĘ KOLUMNĄ ŚRODKOWĄ.

.column-center-inner {
position: relative;
right: 30px;
top: 20px;
width: 640px;}

A TERAZ PRAWĄ:
.column-right-inner {
position: relative;
right: -30px;
top: -100px;
width: 200px;}

TERAZ ZAJMIEMY SIĘ WYGLĄDEM KOLUMN
SELEKTOR: ".column-right/left-inner .widget" 
WPISAŁAM .widget PONIEWAŻ WTEDY RAMKA NIE BEDZIE JEDNA ALE ICH BEDZIE WIELE.
CHODZI O TO:


.column-right-inner .widget {
background-color: RGBa(146, 156, 159, 0.2);
border-top: 6px solid #E9EAEE;
border-bottom: 6px solid #E9EAEE;
border-right: 2px solid #E9EAEE;
border-left: 2px solid #E9EAEE;
border-radius: 60px;
padding-bottom: 28px;
text-align: justify;
}

.column-left-inner .widget {
background-color: RGBa(146, 156, 159, 0.2);
border-top: 6px solid #E9EAEE;
border-bottom: 6px solid #E9EAEE;
border-right: 2px solid #E9EAEE;
border-left: 2px solid #E9EAEE;
border-radius: 60px;
padding-bottom: 28px;
text-align: justify;
}
ABY WYŚRODKOWAĆ TEKST W KOLUMNACH NALEŻY WPISAĆ:

h2 {
text-align: center;
}
JEŚLI SPOJRZYMY NA NASZ SZABLON JEST ON PRAKTYCZNEI GOTOWY JEDNAK COŚ NAM PRZESZKADZA. OH. TAK JEST TO NAPIS KTÓRY ZASŁANIA JAKĄS CZESĆ NASZEGO NAGŁOWKA. ABY GO USUNAĆ NALEZY WEJŚĆ W TYTUŁ BLOGA

I KOLOR TYTUŁU ZMIENIAMY NA PRZEZROCZYSTY.
JEŚLI NASZ BLOG POSIADA TAKŻE OPISA. WCHODZIMY W OPIS BLOGA I TAM ZMEINIAMY AN PRZEZROCZYSTE.

Mam nadzieję, że pomogłam. 
JEŚLI MACIE JAKIEŚ PYTANIA, PISZCIE W KOMENTARZACH. NA WSZYSTKIE ODPOWIEM.