środa, 13 stycznia 2016

[7] Instrukcja - nowa wersja na podpis.

Witajcie w tym fatalnym jak dla mnie dniu. Szczerze powiedziawszy wolałabym jeszcze trochę powyć w poduszkę, ale jako że obiecałam zrobić instrukcję, to wstydem by było jej nie oddać wam. Zwłaszcza gdy na blogu obroty wróciły pełną parą. Frekwencja jest zaskakująco piękna. Szkoda że nie potrafię się tym cieszyć teraz. No ale nic! Pani od Niemieckiego, gościu od Geografii, oraz panie od Matematyki dziękuję wam bardzo mocno za dzisiejszy dzień pełen wrażeń! (Tak to sarkazm) I za powiększenie mojego kanionu do wielkości Valles Marineris znajdującego się na Marsie. 
A teraz ważne wiadomości: nie wiem kiedy się pojawi następna notka. Moi nauczyciele załatwili mi czas wolny już nawet w weekendy. Kto się cieszy? JA! -wyciąga pistolet i strzela sobie w głowę- No, no, no. A oprócz tego po tej notce z zamówieniami, pojawi się kolejna instrukcja także mam nadzieję że wytrzymacie! 
Kocham was xx
(Dla Leniwców zapraszam na sam koniec)

1. Na sam początek wejdźmy sobie w HTML naszego bloga. Jesteśmy? Okay, to teraz szukamy sobie takiego o zdania: outside of the include in order to lock Attribution widget; Polecam wyszukać go przez naciśnięcie klawisza CTRL + F, dzięki niemu pojawi wam się okienko w tekście szablonu do którego będziecie mogli wkleić owy tekst i znaleźć go bardzo szybko.
-Dla wzrokowców zamieszczam zdjęcie gdzie co i jak. (otwórz zdjęcie w nowym oknie by powiększyć.)

2. Kiedy już znajdziecie ten tekst, to wklejacie ten oto kod w miejsce pod tym napisem. Poprzednio dokładnie uzupełniając dane luki: Pogrubiony tekst -są to linki. Tekst pochyłą -są to nazwy linków. To co jest zaznaczone na czerwono, są to przerywniki tekstu można je zamienić na co tylko się chce, np. / | \ + - Od wyboru do koloru. Oprócz tego tekst: Szablon stworzony przez; Creditis; Możecie jak najbardziej zmienić według swojego upodobania.


<podpis class='Text1'>
  Szablon stworzony przez  <a href='link bloga autorki'>Nick Autorki</a> - Technologia <a href='https://www.blogger.com/'>Blogger</a>  - Credits:  <a href='Link Kredytu1'>Nazwa Kredytu</a> - <a href='Link Kredytu2'>Nazwa Kredytu</a> -  <a href='Link Kredytu3'>Nazwa Kredytu</a>
</podpis>



3. Jeśli uzupełniliśmy nasz tekst i wkleiliśmy to (uprzednio sprawdzając dając 'Podgląd Szablonu' przed zapisaniem, czy szablon przyjął kod) zapisujemy i wchodzimy w naszego projektanta szablonów, po czym kierujemy się w Dodaj Arkusz CSS. Gdy jesteśmy już w nim wklejamy sobie oto ten kod.

 podpis{
width:1349px; /*Długość paska*/
position:absolute;
background: linear-gradient(40deg, #3a3a3a, #1a1a1a, #3a3a3a, #1a1a1a); /*Kolor paska*/
color:#aaa; /*Kolor textu paska*/
height:30px;  /*Wysokość paska*/
left:0px;
bottom:-2px;
line-height:23px;  /*Położenie textu na wysokości paska*/
Text-align:center;
font-family:Pathway Gothic One; /*Czcionka paska*/
font-weight:100;
font-size:23px;  /*Wielkość textu paska*/
font-variant:small-caps;
text-decoration: none;
text-transform:lowercase;}

podpis a:link, podpis a:visited{
  color:#E4E5F6;
text-decoration: none;
letter-spacing:-1px;
color:#24b1b7;
font-size:27px;
text-align:center;
font-weight:100;
text-transform:lowercase;
font-variant:small-caps;
transition-property: (all);
  transition-duration:2s;
transition-timing-function:(ease-in);}

podpis a:hover{
text-decoration:line-through;
color:lightgrey;
transition-property: (all);
  transition-duration:2s;
transition-timing-function:(ease-in);}


4. Gdy go wkleimy i ustawimy sobie wszystkie, to pozostaje nam go zapisać. I to tyle.
A dla leniwców oto skrócona wersja oraz efekt:


12 komentarzy:

  1. W tym wypadku lepsze będzie width:100%; , ponieważ wtedy na każdej rozdzielczości pasek zajmować będzie całą szerokość przeglądarki, a tak, jak jest teraz, jeśli ktoś ma rodzielczość np. 1920, to będzie długi tylko na 1349px :)
    A tak w ogóle dobry pomysł, wiele osób polega na buttonach (które rzadko kiedy ktoś wstawia), gdy możemy same się podpisać na własnych pracach :P

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie pomyślałam o tym szczerze powiedziawszy. :o ale też dobry jest z tym pomysł! Dziękuję za tą poprawę :D

      Usuń
  2. Ja w poniedziałek rozpoczynam ferie, więc wiesz... :) Widzę, że nie masz czasu, ale mimo wszystkiego, złożę teraz zamówienie. Zawsze możesz go nie przyjąć lub termin realizacji odsunąć ooo, huhu.
    ~ niosl-slepy-kulawego.blogspot.com
    ~ Niósł ślepy kulawego
    ~ ratajewska.k@interia.pl (nie ugnę się; nie założę nowego konta, póki mi tamtego nie odblokują.xd mam tam tyle ważnych rzeczy..)
    ~ No więc... Postacie z serialu ,,Once upon a time''.
    1. Gold (Robert Carlyle), najlepiej w typowym dla siebie garniaku.
    2. Hook (Colin O'Donoghue czy jakoś tak.xd)
    3. Belle (Emilie de Ravin). Tylko nie jako Piękna, czyli z baśni, suknia i w ogóle, ale Lacey se Storybrooke. Normalnie ubrana, z normalnym makijażem. No wiesz.
    4. Bohater szablonu, czyli kochana, psychiczna aplaka. ^^
    ~ Inne elementy:
    1. Fliżanka. Najlepiej wpisz ,,rumbelle cup'', to wyszczerbione cudeńko.
    ~ Pogodny, może być nawet komiczny.
    ~ Kolorystyka we fiolecie najlepiej, nic ma się nie gryźć. Jasne pole tekstowe i ciemny tekst (szablon na ,,Lwią część'' mimo tego jest cudny, ale naprawdę nie znoszę jasnych literek na ciemnym tle i moje oczy również).
    ~ Układ obojętny.
    ~ Gone

    Pozdrawiam, powrotu do dawnej świetnośi.xd

    OdpowiedzUsuń
    Odpowiedzi
    1. PS Jeszcze miałabym prośbę. Mogłabym Ci we wiadomości wysłać dwa gify, a Ty byś je przerobiła na czarno-białe?

      Usuń
    2. Przyjmuję! Jasne, ślij! :D

      Usuń
    3. Ach, te literówki. Oczywiście chodziło o alpakę.xd

      Usuń
    4. Na brodę Merlina, jaki ze mnie nierozgarnięty człowiek. Zapomniałam o cytacie, jaki ma się znaleźć:
      ,,Niósł ślepy kulawego... i dobrze im się działo''.

      Usuń
  3. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  4. Ratujesz tą instrukcją dziękuję :)

    OdpowiedzUsuń
  5. Pytam, bo nie dodałaś info: Czy można kod modyfikować w sensie kolorystyki i linków?

    OdpowiedzUsuń

Graphic Luna
Dawniej graphic-catchers-illusion
Blog wraca już za niedługo!