Wiele razy padały pytania i prośby w naszą stronę dotyczące kodów czy wykonania przynajmniej podstawowego wyglądu bloga. Od dnia dzisiejszego przez najbliższy okres blogowania mamy plan zrobienia serii postów ze zbiorami naszych kodów. Będziemy dzielić je na konkretne partie, typu: komentarze, posty, nagłówki i inne.
Zapraszamy do pierwszego zbioru.
Wyśrodkowanie tytułu
h3.post-title {text-align: center;}
Podkreślenie do tytułu posta
.post-body {text-align:justify}
h3.post-title 1px #000000 ;}
1px -grubość kreski
#000000 -kolor kreski
dashed -rodzaj kreski (dotted- kropkowana, dashed- kreskowana, solid- linia ciągła, double- linia podwójna)
Wyśrodkowanie tekstu w poście
.post-body {text-align:justify}
Zaokrąglenie rogów posta
.post-outer {webkit-border-radius: 10px; border-radius: 10px;}
Inna pierwsza duża litera postu
.post-title:first-letter {font-size: 30px; color: #000;}
Podpis w poście
.Entry-content: po {content: url (adres obrazka); margin-left: 250px;}
Musimy najpierw zahostować grafikę, na przykład w serwisie funkyimg.com , który jest dostępny bez logowania.
Musimy najpierw zahostować grafikę, na przykład w serwisie funkyimg.com , który jest dostępny bez logowania.
Usunięcie cienia wokół zdjęć
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color)
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}
Suwak w poście
.post-body{ height: 480px; overflow: auto; }
Grafika między postami
.post-footer {background-image:url(URL GRAFIKI);background-repeat:no-repeat; background-position: bottom center; height:150px;
Na zakończenie chciałybyśmy dodać, że postanowiłyśmy powrócić do robienia szablonów. Obecnie prosimy o składanie zamówień jedynie do Nishki na email:
To już koniec części pierwszej zbioru, w którym dzielimy sie z wami kodami. Mamy nadzieję, że jest on przydatny i na waszych blogach zawitają nowe elementy. Jeśli coś nie jest do końca zrozumiałe, zapraszamy na email turkusove@gmail.com. Możecie również napisać w komentarzach o poszczególnym problemach.
turkusove@gmail.com
Do następnego!
na pewno skorzystam z instrukcji :)
OdpowiedzUsuń|BLOG|
Świetny post, będę korzystać :)
OdpowiedzUsuńNOWY POST! Kliknij tutaj
POKLIKASZ? Kliknij tutaj
Ja i tak tych kodów nie rozumiem narazie, ale może na spokojnie mi się uda coś załapać :]
OdpowiedzUsuńZapraszam: http://bywikkis.blogspot.com/2015/07/przeglad-strony-dresslinkcom.html
Poklikasz w linki w przeglądzie strony dresslink.com? Z góry dziękuję ;*
Znam te kody, też grzebię w CSS i HTML. :)
OdpowiedzUsuńna pewno się przydadzą :)
OdpowiedzUsuńby-vanys.blogspot.com
Przydatny post! Chociaż te kody znałam :)
OdpowiedzUsuńMój Blog - klik!
przydatne kody ! <3
OdpowiedzUsuńPozdrawiam cieplutko.
stay-possitive.blogspot.com
tworzenie wyglądu za pomocą króciutkich kodów to świetna zabawa :D
OdpowiedzUsuńkrysiastyle.blogspot.com- klik!
Dzięki wielkie, obecnie jestem na etapie szukania odpowiedniego wyglądu mojego bloga, a kody z pewnością mi się przydadzą! :)
OdpowiedzUsuńZapraszam :)
Takie posty są bardzo przydatne :)
OdpowiedzUsuńBardzo przydatny post :)
OdpowiedzUsuńhttp://foxyladyme.blogspot.com