katalog grafików
katalog granger
katalogowo
konstruktywna krytyka blogów
Mara-senpai

Co będzie?

  • Aktualizacja instrukcji 0/15
  • Simple Dark szablon
  • Simple Magic szablon

Witajcie na odnowionej stronie Rinne Lasair!

Nowa strona już jest, ale nadal czeka na kilka poprawek.

zobacz post

Nowy szablon Simple Magic już wkrótce!

Już niedługo pojawi się nowy szablon Simple Magic, który będzie zawierał możliwość dodania video na stronie startowej oraz będzie go można dowolnie edytować przez projektanta.

Zajrzyj do sklepu!

Rinne Lasair posiada teraz własny, oficjalny sklep. Znajdziecie tam również darmówki do pobrania!

przjedź do sklepu
Prosta instrukcja na popularne posty przedstawione w formie responsywnego obrazka.



Krok 1.
Dodaj gadżet Popularne posty, zaznacz miniaturka obrazu, odznacz fragment

Krok 2. 
Wejdź w HTML i znajdź fragment podany poniżej, a następnie zmień 72 na np. 500.


 <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)                                  : data:post.thumbnail' var='image'>
                    <img alt='' border='0' expr:src='data:image'/>
                  </b:with>
                </a>
              </div>

Krok 3.
Wejdź w css i dodaj: 


#PopularPosts1 { clear:both; padding:0; margin:0; }
#PopularPosts1 ul { list-style-type:none; padding:0; margin:0; }
#PopularPosts1 img{ width:100%; height:auto; padding:0; margin:0; }
.PopularPosts .item-thumbnail {width: 100%; margin: 0;}
.popular-posts ul li {float: left; position: relative;}

#PopularPosts1 li{ width: 9.7%; display: inline-block; padding:0.5%; margin:0;}
#PopularPosts1 li{ opacity: 0.5; }
#PopularPosts1 li:hover { opacity:1; }


Interesuje was tylko pogrubiona część, którą musicie pod siebie dopasować. Jeżeli chcecie, by zdjęcia się ze sobą stykały, ustawcie padding na 0%. Przy dodawaniu gadżetu mogliście wybrać ile postów ma się pokazywać. U mnie jest to 6 postów + padding 0.3%, więc robię tak:
0.3 x 2 (dwa boki zdjęcia) x 6 (liczba zdjęć) =  3,6
100 - 3,6 = 96,4
96,4 : 6(liczba zdjęć) = 16,0666666667
Czyli width: 16.0666666667%

Przy paddingu 0% i np. 8 zdjęć:
100:8= width: 12.5%

Poniżej pogrubionej części - #PopularPosts1 li, #PopularPosts1 li:hover macie efekt po najechaniu, który możecie zmieniać albo usunąć. 

Brak komentarzy:

Prześlij komentarz

Facebook

Kontakt

W sprawie współpracy lub pytań/pomocy rinne.lasair@gmail.com
W sprawach dotyczących zamówień lub sklepu/produktów noskowicz.klaudia@gmail.com
W każdej sprawie można również pisać na facebooka
Numer konta bankowego do przelewów: 96 1020 5558 0000 8802 3176 1645

Dodatkowe informacje

Cennik, Usługi, FAQ oraz formularz kontaktowy znajdują się na stronie głównej.
Portfolio jest na chwilę obecną niedostępne.