selektor dajesz taki jak normalne menu boczne czyli #pagelist1 li a:link, #pagelist1 li a:visited i potem dodajesz height: 20px */wysokość width: 50px; */szerokość border-radius: 360px; */zaokrąglone rogi padding-top: 10px; */odstęp od góry padding-bottom: 10px; */odstęp od dołu (ustawiasz sobie własne wartości) no i normalnie dodajesz sobie wszystko jak do normalnego menu czyli kolor tła (background) itp :) a w #pagelist1 li a:hover dodajesz co chcesz, ten efekt, który tutaj aktualnie mam to efekt z Tajemniczego ogrodu ;)
Hej, Pobrałam twój szablon z galerii, ale przy dodawaniu go na bloga dostałam takie powiadomienie: Zapisanie szablonu nie powiodło się.
Nie można przetworzyć szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte. Komunikat o błędzie XML: Content is not allowed in prolog. Co robić???
Jeśli zrobiłaś to zgodnie z instrukcją to zapisz. Ewentualnie wgraj go używając przeglądarki Googre Chrome (wtedy nawet jeśli znowu to wyskoczy po prostu zapisz) i szablon powinien działać ;)
Mam do Ciebie pytanie. Czy menu, które tutaj utworzyłaś: http://spis-fairy-tail.blogspot.com/ zrobiłaś za pomocą kodu html? Możesz go podać, żebym sobie przejrzała jak wygląda? Bo marzy mi się menu stworzone z takich kulek, ale ułożonych całkiem inaczej. Usiłuję rozgryźć to, co tłumaczy mi kumpel, ale jakoś nie potrafię...
Pierwsze musisz sobie dać np. gadżet strony u górnej części lewej kolumny (jak na spisie ft), po czym ustawić ten gadżet w css:
#PageList 1 { position: absolute; width: 400px; */ ustawiasz sobie dowolną wartość /* top: -200px; */ ustawiasz sobie dowolną wartość /* left: 200px; */ ustawiasz sobie dowolną wartość /* }
Po czym każdą kulkę robisz oddzielnie używając tej instrukcji (przynajmniej ja tak robiłam) i z dostępnych z niej kodów (4 ramka od góry):
#PageList1 li:nth-child(1) { position: relative; background: #fff; */ ustawiasz sobie dowolną wartość /* top: -10px; */ ustawiasz sobie dowolną wartość /* left: 10px; padding-top: 10px; */ ustawiasz sobie dowolną wartość /* padding-bottom: 10px; */ ustawiasz sobie dowolną wartość /* width: 200px; */ ustawiasz sobie dowolną wartość /* height: 100px; */ ustawiasz sobie dowolną wartość /* border-radius: 360px; }
i tak z kolejną:
#PageList1 li:nth-child(2) { position: relative; background: #fff; */ ustawiasz sobie dowolną wartość /* top: -10px; */ ustawiasz sobie dowolną wartość /* left: 10px; padding-top: 10px; */ ustawiasz sobie dowolną wartość /* padding-bottom: 10px; */ ustawiasz sobie dowolną wartość /* width: 200px; */ ustawiasz sobie dowolną wartość /* height: 100px; */ ustawiasz sobie dowolną wartość /* border-radius: 360px; }
W tych nawiasach zamieniasz tylko cyferki, np. 4 to będzie 4 kulka od góry, 5 to 5 itd... Efekt na menu robisz już tak jak zawsze normalnym selektorem.
#PageList 1 li a:hover { .... }
No i chyba tyle. XD Nie wiem czy z tych kodów co podałam wyjdą dokładne kulki, bo to tylko przykładowe wartości (które będziesz musiała sobie zmienić), ogólnie to piszę to trochę na szybko, no cóż. Mam nadzieję, że coś pomogłam. ;)
Wow! O matko! Jak ja Ci dziękuję :*. Oczywiście, że bardzo pomogłaś :D. Bo wiesz, ja mam menu po prawej stronie obok okna postu i chciałabym żeby było właśnie w tamtym miejscu. Jak dobrze zrozumiałam, przy odpowiedniej zmianie wartości, ułoży się wszystko tak jak chcę, tak? A powiedz, gdzie wstawić kolory? Czy to się automatycznie zadzieje? I jeszcze nazwy tych kulek? Wiesz "strona główna", "spam" i takie tam. No i efekty, żeby się podświetlały, "rolowały", w sensie nie chodzi o napisy, żeby się kręciły, tylko o kulki, żeby taki jakby wir się robił ;).
Hej, hej! Nie przejmuj się :D. Ja ostatnio w sumie nie miałam czasu na zabawę i zaglądanie na Twojego bloga :). Ale bardzo Ci dziękuję za pomoc! Pozdrawiam cieplutko :D.
Droga Sasame! W końcu udało mi się bardziej ogarnąć kody CSS, a dzięki Twojemu kodowi na karty w koła, wyszło coś takiego: http://fairytail-another-story.blogspot.com/. Jedynie z efektem jest coś nie tak. Będę myślała nad nim. Może coś mi wyjdzie?
Czemu mi nie powiedziałaś, że masz podstronę? -.- :D
OdpowiedzUsuńCzy Ty wszystko musisz wiedzieć? :D
UsuńOCZYWIŚCIE! :D
UsuńJak zrobić takie menu, jak ty masz? *^*
OdpowiedzUsuńselektor dajesz taki jak normalne menu boczne czyli #pagelist1 li a:link, #pagelist1 li a:visited
Usuńi potem dodajesz
height: 20px */wysokość
width: 50px; */szerokość
border-radius: 360px; */zaokrąglone rogi
padding-top: 10px; */odstęp od góry
padding-bottom: 10px; */odstęp od dołu
(ustawiasz sobie własne wartości)
no i normalnie dodajesz sobie wszystko jak do normalnego menu czyli kolor tła (background) itp :)
a w #pagelist1 li a:hover
dodajesz co chcesz, ten efekt, który tutaj aktualnie mam to efekt z Tajemniczego ogrodu ;)
Ten komentarz został usunięty przez autora.
OdpowiedzUsuńWidać jak czytasz regulamin. Nie przyjmuję się tutaj zamówień.
UsuńHej, Pobrałam twój szablon z galerii, ale przy dodawaniu go na bloga dostałam takie powiadomienie:
OdpowiedzUsuńZapisanie szablonu nie powiodło się.
Nie można przetworzyć szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte. Komunikat o błędzie XML:
Content is not allowed in prolog.
Co robić???
Jeśli zrobiłaś to zgodnie z instrukcją to zapisz. Ewentualnie wgraj go używając przeglądarki Googre Chrome (wtedy nawet jeśli znowu to wyskoczy po prostu zapisz) i szablon powinien działać ;)
UsuńWykonujesz szablony z M&A, prawda? ;>
OdpowiedzUsuńZgadza się ;)
UsuńHej Sasame!
OdpowiedzUsuńMam do Ciebie pytanie. Czy menu, które tutaj utworzyłaś: http://spis-fairy-tail.blogspot.com/ zrobiłaś za pomocą kodu html? Możesz go podać, żebym sobie przejrzała jak wygląda? Bo marzy mi się menu stworzone z takich kulek, ale ułożonych całkiem inaczej. Usiłuję rozgryźć to, co tłumaczy mi kumpel, ale jakoś nie potrafię...
Z góry dzięki za pomoc! Pozdrawiam.
Nie nie jest stworzone za pomocą kodu html. ;)
UsuńPierwsze musisz sobie dać np. gadżet strony u górnej części lewej kolumny (jak na spisie ft), po czym ustawić ten gadżet w css:
#PageList 1 {
position: absolute;
width: 400px; */ ustawiasz sobie dowolną wartość /*
top: -200px; */ ustawiasz sobie dowolną wartość /*
left: 200px; */ ustawiasz sobie dowolną wartość /*
}
Po czym każdą kulkę robisz oddzielnie używając tej instrukcji (przynajmniej ja tak robiłam) i z dostępnych z niej kodów (4 ramka od góry):
http://zatracone-instrukcje.blogspot.com/2014/03/pseudoklasa-czyli-kazdy-inny-pagelist1.html
Przykładowo 1 kulka:
#PageList1 li:nth-child(1) {
position: relative;
background: #fff; */ ustawiasz sobie dowolną wartość /*
top: -10px; */ ustawiasz sobie dowolną wartość /*
left: 10px;
padding-top: 10px; */ ustawiasz sobie dowolną wartość /*
padding-bottom: 10px; */ ustawiasz sobie dowolną wartość /*
width: 200px; */ ustawiasz sobie dowolną wartość /*
height: 100px; */ ustawiasz sobie dowolną wartość /*
border-radius: 360px;
}
i tak z kolejną:
#PageList1 li:nth-child(2) {
position: relative;
background: #fff; */ ustawiasz sobie dowolną wartość /*
top: -10px; */ ustawiasz sobie dowolną wartość /*
left: 10px;
padding-top: 10px; */ ustawiasz sobie dowolną wartość /*
padding-bottom: 10px; */ ustawiasz sobie dowolną wartość /*
width: 200px; */ ustawiasz sobie dowolną wartość /*
height: 100px; */ ustawiasz sobie dowolną wartość /*
border-radius: 360px;
}
W tych nawiasach zamieniasz tylko cyferki, np. 4 to będzie 4 kulka od góry, 5 to 5 itd...
Efekt na menu robisz już tak jak zawsze normalnym selektorem.
#PageList 1 li a:hover {
.... }
No i chyba tyle. XD Nie wiem czy z tych kodów co podałam wyjdą dokładne kulki, bo to tylko przykładowe wartości (które będziesz musiała sobie zmienić), ogólnie to piszę to trochę na szybko, no cóż. Mam nadzieję, że coś pomogłam. ;)
Wow! O matko! Jak ja Ci dziękuję :*. Oczywiście, że bardzo pomogłaś :D. Bo wiesz, ja mam menu po prawej stronie obok okna postu i chciałabym żeby było właśnie w tamtym miejscu. Jak dobrze zrozumiałam, przy odpowiedniej zmianie wartości, ułoży się wszystko tak jak chcę, tak? A powiedz, gdzie wstawić kolory? Czy to się automatycznie zadzieje? I jeszcze nazwy tych kulek? Wiesz "strona główna", "spam" i takie tam. No i efekty, żeby się podświetlały, "rolowały", w sensie nie chodzi o napisy, żeby się kręciły, tylko o kulki, żeby taki jakby wir się robił ;).
UsuńKolory wstawiasz do tych oddzielnych kółeczek np.
Usuń#PageList1 li:nth-child(1) {
position: relative;
background: #fff; */ ustawiasz sobie dowolną wartość /*
top: -10px; */ ustawiasz sobie dowolną wartość /*
left: 10px;
padding-top: 10px; */ ustawiasz sobie dowolną wartość /*
padding-bottom: 10px; */ ustawiasz sobie dowolną wartość /*
width: 200px; */ ustawiasz sobie dowolną wartość /*
height: 100px; */ ustawiasz sobie dowolną wartość /*
border-radius: 360px;
background: #000; */kolor tła /*
color: #fff; */kolor czcionki /*
}
Nazwy kulek dodajesz normalnie, tak jak tworzysz podstrony (tam gdzie masz dodawanie postu tam też są strony i normalnie nadajesz tytuł stronie).
Obracanie kółeczkami:
#Pagelist1 li a:hover {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
}
;)
Trochę mi to zajęło (w sensie odpowiedź), ale kompletnie zapomniałam o tym, przepraszam. xD
Usuń:)
Hej, hej! Nie przejmuj się :D. Ja ostatnio w sumie nie miałam czasu na zabawę i zaglądanie na Twojego bloga :). Ale bardzo Ci dziękuję za pomoc! Pozdrawiam cieplutko :D.
UsuńTen szablon na tej podstronie mnie rozkochał w sobie. Jest śliczny i czekam aż otworzysz zamówienia! <3
OdpowiedzUsuńDziękuję, akurat kolejkę prawdopodobnie otworzę dopiero w kwietniu :3
UsuńMam pytanie, co do zamówień, jeśli otworzysz kolejkę w kwietniu będę mogła zamówić szablon na spis blogowy?
OdpowiedzUsuńPewnie, że będziesz mogła, ważne, aby zamówienie było zgodne z regulaminem i w tematyce jakiej wykonuję.
Usuń;)
Trzeci raz pod rząd, ja.
OdpowiedzUsuńByłaby możliwość zrobienia kilku buttonów?
[ministerstwo-mangowe]
Pewnie ;)
UsuńDroga Sasame! W końcu udało mi się bardziej ogarnąć kody CSS, a dzięki Twojemu kodowi na karty w koła, wyszło coś takiego: http://fairytail-another-story.blogspot.com/. Jedynie z efektem jest coś nie tak. Będę myślała nad nim. Może coś mi wyjdzie?
OdpowiedzUsuńPozdrawiam cieplutko,
R :D.