Forum Blogowe 17 lat!

Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  ::
Autor Wiadomość
P4uli 
Blogger.Klub


Imię: Paulina
Pomogła: 7 razy
Wiek: 33
Dołączyła: 19 Kwi 2012
Posty: 232
Wysłany:    Jak zrobić przycisk ?
Witam od jakiegoś czasu chciałabym aby na blogu zamiast obrazków z hiperłączami pojawiły się przyciski - obrazki które się zmieniają po najechaniu na nie myszką.

Pytałam się współlokatora informatyka jak to zrobić to przekazał tylko że muszę zrobić obrazek którego jedna połówka (w poziomie) będzie obrazkiem widocznym [normalnie] pierwszym a druga tym widocznym po najechaniu. Później nie był skory do pomocy ogólnie dziwny jest.

Widziałam na różnych stronach inne typy "przycisków"

np takie w którym po najechaniu myszką pojawiał się cień albo kolor przeźroczysty zamieniał się na wybrany kolor

czy ktoś wie jak coś takiego zrobić ?
 
  podziel si� tym postem na:



Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2012-11-07, 00:53   
coś takiego jak tutaj na dole: http://www.pawelpyko.pl "przejdź do bloga"?
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739
Wysłany: 2012-11-07, 15:11   
"Współlokator informatyk" opisał Ci metodę zwaną CSS Sprites. W dużym skrócie: tworzy się dwuczęściowy obrazek z domyślnym wyglądem buttona oraz wyglądem po najechaniu myszą, a w CSSie ustawia się ten obrazek jako tło i tworzy dwie regułki: jedną wyświetlającą górną połowę obrazka (tą z domyślnym wyglądem) oraz drugą po najechaniu (wtedy za pomocą background-position przesuwamy obrazek w dół).

Jest do tego trochę tutoriali w sieci, np. http://line25.com/tutoria...s-image-sprites

Ewentualnie są gotowce w CSS3 do wykorzystania -> http://hellohappy.org/css3-buttons/
 
  podziel si� tym postem na:
P4uli 
Blogger.Klub


Imię: Paulina
Pomogła: 7 razy
Wiek: 33
Dołączyła: 19 Kwi 2012
Posty: 232
Wysłany: 2012-11-07, 16:46   
Chodzi mi o coś takiego :

http://users.v-lo.krakow.pl/~maveron/

Tylko ja od czasów blogonet przyzwyczajona jestem do robienia wszystkiego w obrazkach i wolę nanieść na tło napisy w programie graficznym.
 
  podziel si� tym postem na:
suvennes 
Blogger.Klub


Imię: Kinga
Pomogła: 2 razy
Dołączyła: 04 Lis 2012
Posty: 219
Miasto: Katowice
Wysłany: 2012-11-07, 17:22   
Nie wiem czy pomogę, ale mam coś takiego u siebie na blogu w menu.

I wygląda to mniej więcej tak jeśli chodzi o kody:

Kod

<div style="position: absolute; width: 560px; height: 35px; z-index: 1; left: 0px; top: 0px;" id="Menu">
<a href="http://suvennes.blogspot.com/">strona główna</a>
<a href="http://suvennes.blogspot.com/p/o-mnie.html">o mnie</a>
<a href="http://suvennes.blogspot.com/p/o-blogu.html">o blogu</a>
<a href="http://suvennes.blogspot.com/p/zobacz.html">zobacz</a>
<a href="http://suvennes.blogspot.com/p/odwiedzam.html">odwiedzam</a>
<a href="http://suvennes.blogspot.com/p/kontakt.html">kontakt</a></div>

<style type="text/css">
#Menu {
width:900px ;
heigh: 40px;
color: #EFEFEF;
margin-left:10px;
margin-right:10px;

}
#Menu a{ (BUTTON PRZED NAJECHANIEM MYSZKĄ)
font-family: Arial Black;
text-decoration:none;
font-size: 13px;
color:#EEEEEE;
text-transform:uppercase;
text-align:center;
margin:1px;
padding:4px;
background:#343434;
float:left;
display:block;
letter-spacing:-1px

}
#Menu a:hover{ (BUTTON PO NAJECHANIU MYSZKĄ)
font-family:Arial Black;
font-size: 13px;
color:#EEEEEE;
text-transform:uppercase;
text-align:center;
margin:1px;
padding:4px;
background:#C0EA56;
float:left;
display:block;
letter-spacing:-1px

}
</style>


Wkleiłam i działa tak jak chciałam :)
Pozmieniasz według siebie i będzie jak znalazł :)
______________________________________________________
1200d - próbuję swoich sił w fotografii :hyhy:
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2012-11-07, 17:38   
suvennes, ona chce obrazki, nie kolory ;)
P4uli, na stronie, którą podałaś jest taki kod:
Wiadomość (widoczna dla zarejestrowanych)

.obrazek to klasa, której używasz w kodzie linka ->

Kod

<a href="http://" class="obrazek">TUTAJ tekst lub kod na obrazek z napisem w .png bez tła</a>


dla kolejnego elementu powielasz kod, jedynie zmieniasz nazw klasy i url grafiki.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
suvennes 
Blogger.Klub


Imię: Kinga
Pomogła: 2 razy
Dołączyła: 04 Lis 2012
Posty: 219
Miasto: Katowice
Wysłany: 2012-11-07, 17:47   
Htsz, no tak, mój błąd :P ale ponoć liczą się dobre chęci i zamiary, nie? ;)
______________________________________________________
1200d - próbuję swoich sił w fotografii :hyhy:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  ::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
 Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz