Pomoc w tworzeniu szablonów graficznych w WinduCMS 2 oraz gotowe rozwiązania

Moderator: Moderatorzy

Re: [Widgety] Social Widgets

Postprzez szevaa » 22 Lut 2013, 11:49

no ok tylko ze tego nie zbyt widac (dalem padding)
szevaa
Wyjadacz
 
Posty: 189
Rejestracja: 27 Paź 2012, 19:32
Podziękował: 77 razy
Pomagał(a): 10 razy

Re: [Widgety] Social Widgets

Postprzez Wojtas.fdsl » 22 Lut 2013, 11:52

Zgubiłeś średnik po padding i dlatego dodatkowo nie ma tła
Masz:
Kod: Zaznacz wszystko
...
padding: 25px 10px 25px 25px
background: #fff;
Wojtas.fdsl
Wyjadacz
 
Posty: 104
Rejestracja: 25 Sty 2013, 10:49
Miejscowość: Warszawa
Podziękował: 8 razy
Pomagał(a): 48 razy

Re: [Widgety] Social Widgets

Postprzez szevaa » 22 Lut 2013, 12:04

No działa wielkie dzieki :)

a da się zrobic by było w kolorze menu ?
szevaa
Wyjadacz
 
Posty: 189
Rejestracja: 27 Paź 2012, 19:32
Podziękował: 77 razy
Pomagał(a): 10 razy

Re: [Widgety] Social Widgets

Postprzez Wojtas.fdsl » 22 Lut 2013, 12:10

oczywiście, że się da
W .sharebuttons
wywalamy linie background i border-left
dodajemy
Kod: Zaznacz wszystko
color: white;
font-size: 13px;
font-weight: bold;

Do tego można jeszcze w .sharebuttons::after
zmienić w
Kod: Zaznacz wszystko
border-color: grey transparent;

grey na white
Wojtas.fdsl
Wyjadacz
 
Posty: 104
Rejestracja: 25 Sty 2013, 10:49
Miejscowość: Warszawa
Podziękował: 8 razy
Pomagał(a): 48 razy

Re: [Widgety] Social Widgets

Postprzez szevaa » 22 Lut 2013, 12:13

Wielkie dzieki jestes zaje**sty :)
szevaa
Wyjadacz
 
Posty: 189
Rejestracja: 27 Paź 2012, 19:32
Podziękował: 77 razy
Pomagał(a): 10 razy

Re: [Widgety] Social Widgets

Postprzez szevaa » 22 Lut 2013, 12:13

pgraficzny napisał(a):Pewnie że nie :lol: Już sobie przylepiłem stickera na ekranie Czyść cache!



Co to ten stickera tak z ciekawości ?
szevaa
Wyjadacz
 
Posty: 189
Rejestracja: 27 Paź 2012, 19:32
Podziękował: 77 razy
Pomagał(a): 10 razy

Re: [Widgety] Social Widgets

Postprzez Struna » 22 Lut 2013, 12:15

Po pierwsze to "sticker", a po drugie, to ucz się angielskiego, bo z tym językiem o wiele łatwiej będzie Ci tworzyć strony ;)
Struna
Stały bywalec
 
Posty: 75
Rejestracja: 26 Paź 2012, 18:30
Miejscowość: Białystok
Podziękował: 13 razy
Pomagał(a): 21 razy

Re: [Widgety] Social Widgets

Postprzez Wojtas.fdsl » 22 Lut 2013, 12:17

@szevaa dałeś while zamiast white i wyświetla się kwadrat zamiast trójkąta
sticker = naklejka
Wojtas.fdsl
Wyjadacz
 
Posty: 104
Rejestracja: 25 Sty 2013, 10:49
Miejscowość: Warszawa
Podziękował: 8 razy
Pomagał(a): 48 razy

Re: [Widgety] Social Widgets

Postprzez szevaa » 22 Lut 2013, 12:19

Dzięki ze mi powiedziales nie zauwazylem dzieki :)
szevaa
Wyjadacz
 
Posty: 189
Rejestracja: 27 Paź 2012, 19:32
Podziękował: 77 razy
Pomagał(a): 10 razy

Re: [Widgety] Social Widgets

Postprzez pgraficzny » 26 Lut 2013, 20:47

Struna napisał(a):A jeszcze takie pytanko - czy duży jest kłopot w umiejscowieniu slidera z LikeBoxem z prawej strony przeglądarki? ;)


Kod css dla slidera po prawej, przerobione na oryginalnym kodzie, nad widgetem jeszcze pracuję.
Kod: Zaznacz wszystko
/* glowny div z like box'em */
#like-box {
   position: fixed;
   z-index: 99;
   top: 20px;  /* jego polozenie od gory */
   right: -304px; /* szerokosc wygenerowanego boxa + 4px obramowania */
   -webkit-transition: right 0.5s ease-out;
   -moz-transition: right 0.5s ease-out;
   -o-transition: right 0.5s ease-out;
   transition: right 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover {
   right: 0px;
}
 
/* zewnetrzna ramka boxa */
#like-box .outside {
   position: relative;
   z-index: 1;
   background: #3b5999;
   padding: 2px;
   min-width: 1px;
   float: right;
}
 
/* wewnetrzne tlo boxa */
#like-box .inside {
   position: relative;
   z-index: 2;
   background: #fff;
}
 
/* pasek z logo FB */
#like-box .belt {
   position: relative;
   z-index: 0;
   float: right;
   width: 40px;
   height: 100px;
   padding: 8px 2px 10px 15px;
   margin: 50px -30px 0px 0px;
   background: #3b5999 url('img/fb.png') no-repeat left top;
   color: #fff;
   font-weight: bold;
   font-family: Verdana;
   font-size: 16px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}


zmieniłem także tekst na obrazek.
Trzeba usunąć napis z
Kod: Zaznacz wszystko
<div class="belt"></div>
Ostatnio edytowany przez pgraficzny, 26 Lut 2013, 22:56, edytowano w sumie 1 raz
pgraficzny
Wyjadacz
 
Posty: 139
Rejestracja: 14 Gru 2011, 10:29
Miejscowość: Kłodzko
Podziękował: 60 razy
Pomagał(a): 6 razy


Kto jest na forum

Użytkownicy przeglądający to forum: Brak zarejestrowanych użytkowników oraz 3 gości