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



::
Autor Wiadomość
Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 776 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8771
Miasto: Wroclove City

Wysłany: 2012-07-13, 20:52   

bo nie ma CSS, widocznie wkleiłaś w złe miejsce. Możliwe, że w kodzie są dwa ]]><

Jest też wyjście, które jest niezgodne z zasadami, ale działa. Wklej wszystko w okienko gadżetu w ten sposób:

Kod

<style type="text/css">
/* <![CDATA[ */

tutaj kod CSS

/* ]]> */
</style>

tutaj kod menu
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:






Darmowa rejestracja - utwórz konto na forum --- Zaloguj się na swoje konto --- Polub Blogowicza na FB!

frio 
Blogger.Klub


Zaproszone osoby: 2
Wiek: 26
Dołączyła: 03 Mar 2012
Posty: 21

Wysłany: 2012-07-13, 21:08   

Dzięki wielkie! Poćwiczę jeszcze na dwóch i spróbuje go podnieść bo jest troszkę za nisko. Hm, nawet pasuje jak jest jeśli chodzi o kolory, chociaż jakby tło tych szarych był inni, ale na razie: opanuję jedno, a potem wezmę się za rozszerzanie tego co już wiem np. o kolory,czcionki, wielkości, itp. :padam:
 
  podziel się tym postem na:
Silaqui 
Blogger.Klub


Wiek: 30
Dołączyła: 01 Sie 2012
Posty: 49
Miasto: Chorzów

Wysłany: 2012-08-04, 01:17   Re: główne menu bloga z rozwijanymi podstronami

Wykorzystując kody podane w tym wpisie:

Htsz napisał/a:

Kompletnie się nie zrozumieliśmy a to dlatego, że nie wyjaśniłaś co ma być gdzie (opisowo) a jedynie podałaś fragment kodu. Wszystko wyjaśnia rysunek z załączonego pliku .rar
Obrazek
i tak należało opisać swój problem ;)

Czyli: Masz menu ma blogu (Wejście Spis treści O mnie Kontakt Wasze Linki Wyjście) i chcesz zamiast spis treści, który jest linkiem do podstrony mieć rozwijany element, w którym mają znajdować się linki z załączonego do pierwszego posta kodu.

Pierwsze rozwiązanie, które podałem jest najbliższe oczekiwanemu.

Zaczynamy od CSS, który wklejamy w Edytuj HTML:
Wiadomość (widoczna dla zarejestrowanych)


Następnie przechodzimy do zakładki układ, na poziomym pasku nad wpisami dodajemy gadżet HTML/Javascript i tam wklejamy nasz kod:
Wiadomość (widoczna dla zarejestrowanych)
Kasujemy lub przemieszczamy gadżet strony (nasze menu ma zająć jego miejsce). Kod jest dopasowany pod szablon Picture Window, ale ogólnie jest uniwersalny, będzie trzeba sobie jedynie pozmieniać kolory, linki do podstron i ewentualne marginesy (dla innych szablonów).

efekt na moim testowym blogu wyglądał tak:
Obrazek

Ustawiłam sobie menu, wprowadziłam tylko jedną zmianę w kolorystyce, i ogólnie jestem zadowolona, bo od dawna kombinowałam jak takie coś do bloga wkleić. Jednak, byłabym wdzięczna za dwie wskazówki: jak zdefiniować czcionkę (wielkość), i dlaczego odnośniki "start" i "konkursy" wyglądają inaczej niż pozostałe?
 
  podziel się tym postem na:
Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 776 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8771
Miasto: Wroclove City

Wysłany: 2012-08-04, 02:23   

Cytat

jak zdefiniować czcionkę (wielkość),
kłaniają się podstawy CSS ;)

Kod

font-family: Arial;
tak określany krój a tak rozmiar:

Kod

font-size: 13px;
można też połączyć:

Kod

font: 13px Arial;
kod wstawiamy w zależności od tego jakie elementy mają go przejąć. Jeżeli całe menu to dopisujemy linijkę do elementu
Wiadomość (widoczna dla zarejestrowanych)

Silaqui napisał/a:

dlaczego odnośniki start i konkursy wyglądają inaczej niż pozostałe?
ponieważ przejmują niektóre właściwości od elementów zdefiniowanych w szablonie. W tym przypadku pierwsze dziecko listy ma nie mieć górnego obramowania a ostatnie dolnego. Pozbywamy się obu dopisując do elementu:
Wiadomość (widoczna dla zarejestrowanych)
linijkę:

Kod

border: 0;
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
Silaqui 
Blogger.Klub


Wiek: 30
Dołączyła: 01 Sie 2012
Posty: 49
Miasto: Chorzów

Wysłany: 2012-08-04, 11:44   

Htsz napisał/a:

Jeżeli całe menu to dopisujemy linijkę do elementu
Wiadomość (widoczna dla zarejestrowanych)

I o to mi właśnie chodziło, podstawowe definiowanie znam, ale co z tego, skoro nie wiedziałam gdzie to wkleić ^^

Htsz napisał/a:

Pozbywamy się obu dopisując do elementu:
Wiadomość (widoczna dla zarejestrowanych)
linijkę:

Kod

border: 0;

Dziękuję :) Domyślam się, że bez większego grzebania nie ma możliwości ustawienia zwykłego, prostego obramowania dla tych elementów?
 
  podziel się tym postem na:
abigail 
Blogger.Klub


Dołączyła: 24 Mar 2012
Posty: 62

Wysłany: 2012-08-04, 13:55   

Również korzystałam z tego tematu: http://milczenie-abigail.blogspot.com/
I również mam problem z obramowaniem... W podpunktach np.: Milczenie->Proza->... Zarówno w podpunkcie Proza jest jakaś dodatkowa ramka prosta, krótsza w dodatku od wielkości elementów z własną ramką..., a i w podpunkach w Prozie pojawia się ramka przesunięta względem samych podpunktów. Próbowałam już to zmieniać i zyskałam tyle, że ramka nie wyjeżdża poza podpunkty (w przypadku tych trzeciego stopnia aż poza stronę), ale nie mam już pomysłu co dalej :( ...
______________________________________________________
Koty: http://kociki-abigail.blogspot.com
 
  podziel się tym postem na:
Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 776 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8771
Miasto: Wroclove City

Wysłany: 2012-08-04, 14:18   

abigail, w Twoim przypadku obramowanie zerowe musisz dopisać do elementów:
Wiadomość (widoczna dla zarejestrowanych)

Silaqui napisał/a:

Domyślam się, że bez większego grzebania nie ma możliwości ustawienia zwykłego, prostego obramowania dla tych elementów?
obramowanie zewnętrzne w postaci prostokąta? dodaj border z odpowiednim stylem np.

Kod

border: 1px solid #eee;
do elementu
Wiadomość (widoczna dla zarejestrowanych)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
Silaqui 
Blogger.Klub


Wiek: 30
Dołączyła: 01 Sie 2012
Posty: 49
Miasto: Chorzów

Wysłany: 2012-08-04, 14:41   

Htsz, Chodziło mi o obramowanie poszczególnych elementów, ale już sobie poradziłam, wrzucając
Wiadomość (widoczna dla zarejestrowanych)

w element
Wiadomość (widoczna dla zarejestrowanych)


Jeszcze muszę się pobawić kolorami, ale z tym już poradzę sobie sama :)
Edit:
I teraz mam efekt taki, jaki był zamierzony :D
 
  podziel się tym postem na:
abigail 
Blogger.Klub


Dołączyła: 24 Mar 2012
Posty: 62

Wysłany: 2012-08-04, 16:25   

Htsz napisał/a:

abigail, w Twoim przypadku obramowanie zerowe musisz dopisać do elementów:(...)


Dziękuję :)

[ Dodano: 04-08-2012, 16:27 ]

Silaqui napisał/a:

(...)
I teraz mam efekt taki, jaki był zamierzony :D


Na pewno? W wypunktowaniu 3-go stopnia np.: Przewodnik po kronikach -> oceny -> ... ramka 3D spod spodu nie rozciąga się na cały element.
______________________________________________________
Koty: http://kociki-abigail.blogspot.com
 
  podziel się tym postem na:
Silaqui 
Blogger.Klub


Wiek: 30
Dołączyła: 01 Sie 2012
Posty: 49
Miasto: Chorzów

Wysłany: 2012-08-04, 17:42   

abigail, Nie zwróciłam uwagi na ten drobiazg, widocznie muszę jeszcze popróbować dograć to wszystko, choć łatwo nie będzie ^^

[ Dodano: 04-08-2012, 18:11 ]
Htsz, pomóż proszę, bo mi się już w oczach dwoi...
Kod wygląda tak:
Wiadomość (widoczna dla zarejestrowanych)

Gdzie skopałam sprawę? :znudzony:

abigail napisał/a:


Na pewno? W wypunktowaniu 3-go stopnia np.: Przewodnik po kronikach -> oceny -> ... ramka 3D spod spodu nie rozciąga się na cały element.
 
  podziel się tym postem na:
Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 776 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8771
Miasto: Wroclove City

Wysłany: 2012-08-04, 19:39   

ustawiłaś ramkę dla elementu 'li', wewnątrz niego masz odnośnik 'a', który ma ujemny margines, stąd to przesunięcie ;) jak chcesz przybliżyć element to rodzica to zmień wartość marginesu w
Wiadomość (widoczna dla zarejestrowanych)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
Silaqui 
Blogger.Klub


Wiek: 30
Dołączyła: 01 Sie 2012
Posty: 49
Miasto: Chorzów

Wysłany: 2012-08-04, 20:43   

Sama zmiana wartości w
Wiadomość (widoczna dla zarejestrowanych)

sprawiła, że co prawda element był bliżej, ale wyglądało to kiepsko (załącznik)

dopiero po zlikwidowaniu ujemnego marginesu tutaj:
Wiadomość (widoczna dla zarejestrowanych)

wszystkie elementy zyskały taką samą ramkę :)
 
  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-2017 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:
Dodaj na Google+:


Zobacz także:


Szablony wordpress
kod zniżkowy -10% za licencję
w koszyku wpisz: Blogowicz
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz