Pytanie z trochę innej beczki: jak przesunąć gadżet html (menu bloga), który jest pod nagłówkiem bloga, tak żeby ten gadżet wchodził na nagłówek? Da radę tak zrobić?
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.
Po 1: nie podoba mi się, że kiedy najadę na jakąś pozycję menu, która ma rozwijane podstrony, wygląda to tak, jak wygląda [załącznik]. Nie dałoby się tego wysuwania jakoś wyśrodkować?
Po 2: niby menu ma ustawioną szerokość 100% i to się zgadza po prawej, ale po lewej już nie.
A w ogóle to, gdybym chciała, żeby całe to menu było np. zaokrąglone, miało jakiś cień, czy ogólnie wyglądało mniej prosto, którymi fragmentami w kodzie mam się bawić?
idealnie wyśrodkować to raczej nie z uwagi na budowę tego menu, ale można posłużyć się ujemnym marginesem i zapisać go w stylu #mbtnav li ul w ten sposób:
Po 2: niby menu ma ustawioną szerokość 100% i to się zgadza po prawej, ale po lewej już nie.
sekcja menu ma dwa marginesy boczne a ta z postami tylko jeden, dlatego wydaje się, że to menu jest krzywo ;-) Skasuj ustawienie paddingu dla
Kod
.main-inner .column-center-inner
lub dopisz tam po przecinku
Kod
.main-inner .column-right-inner
wtedy oba będą miały wewnętrzny margines równy zeru.
Cytat
A w ogóle to, gdybym chciała, żeby całe to menu było np. zaokrąglone, miało jakiś cień, czy ogólnie wyglądało mniej prosto, którymi fragmentami w kodzie mam się bawić?
skorzystaj z narzędzia "zbadaj element" dostępnego w przeglądarce by zlokalizować nazwy elementów, które chcesz zmodyfikować a potem uzupełnij ich style odpowiednimi zapisami (border-radius, box-shadow, text-shadow itd.).
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.
<div id="mbtnavbar" class="blogowicz">
<ul id="mbtnav">
<li><a href="#">Element główny, po najechaniu na niego rozwija się lista</a> <!-- tutaj nie ma zakończenia /li -->
<ul> <!-- tu jest początek listy rozwijającej się w dół -->
<li><a href="URL-TUTAJ">1 element w rozwijanej liście</a></li>
<li><a href="URL-TUTAJ">2 element w rozwijanej liście</a></li>
</ul> <!-- tu jest koniec listy rozwijającej się w dół -->
</li> <!-- tu jest zakończenie /li z głównego elementu rozwijanego -->
<li><a href="URL-TUTAJ">główny element, który się nie rozwija w dół</a></li>
<li><a href="URL-TUTAJ">kolejny główny element, który się nie rozwija w dół</a></li>
</ul>
</div>
Zapisuj sobie kod czytelnie, rób wcięcia, sprawdzaj czy lista zaczyna się i kończy w odpowiednim momencie.
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.
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.
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
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).