Zobacz temat
Strona 1 z 2: 12
|
 Menu w CSS
|
|
| Arecki |
Dodany dnia 13.03.2007 02:14:32
|
 Przedszkolak  Postów: 21 Data rejestracji: 13.03.2007 02:03 |
Witajcie :) Nie mogę znaleźć tego tematu, więc zapytam. Jeśli przegapiłem, to przepraszam :) Chcę zrobić menu w css, które po najechaniu myszką zmienia tło, ma obramowanie itp. Nie mogę zaleźć jakiegoś opisu wszystkich plików, co zawierają, co mozna zmienić. Taki elementarz dla zielonych. Wiem, że z menu muszę pozmieniać w pliku css w "theme" , w konkretnej skórce, ale wydaje mi się, że musze dodać nową klasę i wpisać ją również w kodzie i tu odpadam :). Bardzo proszę o pomoc. I z góry dziękuję. P.S. Czy jest możliwe stworzenie nowego, czystego panelu i wpisanie w nim dowolnej treści ? Chodzi mi o stworzenie boxu ze zdjęciem i opisem. Pozdrawiam :) Edytowane przez Pieka dnia 20.04.2007 08:28:31 |
 
 |
|
| Wścibski Gość |
Dodany dnia 26.04.2024 21:03:21
|
|
Pan Kontekstualny Postów: n^x Data rejestracji: Zawsze |
|
| IP: localhost | |
| jantom |
Dodany dnia 13.03.2007 10:02:46
|
 Weteran  Postów: 3458 Pomógł: 122 Data rejestracji: 31.03.2005 20:10 |
Domyślnie menu opiera się na klasie (znajdziesz ją w styles.css) a.side (wygląd normalny) i a:hover.side (gdy kursor jest nad odnośnikiem). Cała reszta (tła, kolory i inne bajery) to już twoja wyobraźnia. Odnoście ps - tak jest możliwe, jeśli nie masz pomysłu, jak to zrobić, to zajrzyj do Poradnik. |
|
|
|
| Arecki |
Dodany dnia 13.03.2007 10:44:03
|
|
Przedszkolak Postów: 21 Data rejestracji: 13.03.2007 02:03 |
Dzięki >jantom< Właśnie o to mi chodziło. Co do Poradnika, jest dobry, przeczytałem go zaraz po instalacji. Dzieki za pomoc  ...hmm, mam trocjhę kłopot www.kruklanki.net.pl , nie znam php i mam dwa problemy:1. Między "klawiszami" jest odstęp, którego nie chcę 2. Zastosowało do wszystkich hiperłączy, a wolałbym, żeby tylko do menu. Próbuję znaleźć w "Site_left.php" i "Navigation_panel" - może mi się poszczęści Wiem, że trzeba wstawić nową klasę, która bedzie odpowiedzialna za tylko menu.Zobaczyłem, znalazłem, ZROBIŁEM  . Wystarczyło usunąć <br> z "Navigation_panel.php" i zmienić class "site" na noą "menunav" ale i tak dzięki za pomoc. Pozdrawiam Edytowane przez Arecki dnia 13.03.2007 12:04:33 |
|
|
|
| pajacykadamek |
Dodany dnia 17.04.2007 17:37:30
|
 Przedszkolak Postów: 5 Data rejestracji: 24.03.2007 14:38 |
Mógłby mi ktoś wytłumaczyć jak zrobić wspomniane menu? |
|
|
|
| Arecki |
Dodany dnia 20.04.2007 02:58:42
|
|
Przedszkolak Postów: 21 Data rejestracji: 13.03.2007 02:03 |
pajacykadamek napisał/a: Mógłby mi ktoś wytłumaczyć jak zrobić wspomniane menu? Dałeś radę ? Trzeba w "themes/TWÓJ STYL/style.css" dodać klasę, która decyduje tylko o menu. Ja dodałem to (choć część kodu chyba nic nie robi, ale całość działa ) :a.menunav { padding:5px; display: block; width: 160px; color: #DFEDFB; background-color: #; text-decoration: bold; border: 1px solid #476685; margin:2px; font-weight: none; font-size:10px; background-color: #305377; background-repeat: no-repeat; background-position: 0 0; } a:hover.menunav { color: #ff0000; background-color: #; text-decoration: bold; border: 1px solid #2E6CE4; background-color: #5A8ABB; background-repeat: no-repeat; background-position: 0 0 } potem wyedytować "/infusions/navigation_panel/navigation_panel.php" i odnaleść echo "<a href='".$data['link_url']."'".$link_target." class='menunav'>".$data['link_name']."</a>\n"; } else { echo "<a href='".BASEDIR.$data['link_url']."'".$link_target." class='menunav'>".$data['link_name']."</a>\n"; } ... u mnie tą klasę nazwałem właśnie menunav. Teraz tylko usunąłem <img src='".THEME."images/bullet.gif' alt=''> z obu wierszy (jak widzisz dubluja się) i jeszcze "<br>" echo "<img src='".THEME."images/bullet.gif' alt=''> <a href='".$data['link_url']."'".$link_target." class='side'>".$data['link_name']."</a><br>\n"; } else { echo "<img src='".THEME."images/bullet.gif' alt=''> <a href='".BASEDIR.$data['link_url']."'".$link_target." class='side'>".$data['link_name']."</a><br>\n"; } side - nazwa klasy - zmieniłem na menunav <img src='".THEME."images/bullet.gif' alt=''> - usunąłem. <br> - również usunąłem. Potem pozostaje tylko kolorystycznie dostosować do wygladu Twojej strony w pliku "style.css" w themach. Gdybyć nie dał rady, np z kolorystyką w css-ie, daj znać. U mnie to działa tak: www.kruklanki.net.pl www.alianz.waw.pl Zamiast koloru tła, mozna podać npadres pliku graficznego gif czy innego i moze wyglądać jak na tej aukcji: http://allegro.pl...is_a].html Mam nadzieję, że choć trochę pomogłem i nie zrobiłem tego w niewłaściwy czy błędny sposób. U mnie działa. |
|
|
|
 wlodekp |
Dodany dnia 20.04.2007 07:03:50
|
 Weteran Postów: 3101 Pomógł: 29 Data rejestracji: 21.05.2005 22:27 |
Mnie się podoba Twoje menu byłem zwolennikiem css jednak jako, że w IE nie działają do końca elementy rozwijalne skłoniłem się bardziej ku javasript-chociaż do tej pory używam u siebie rozwijalnego górna belka w css ale rozwijanie wymaga indywidualnych wpisów przy każdym odwołaniu do nowego linku infusiona-przejścia z różnych podstron dla IE inne przeglądarki nie trzeba, więc odpuściłem MENU CSS-jako temat forum-do udostępnienia w moim wykonaniu. Taki typ menu jak prezentowane tutaj jest jednak uniwersalny-i bardzo fajny. |
|
|
|
| Arecki |
Dodany dnia 20.04.2007 10:23:32
|
|
Przedszkolak Postów: 21 Data rejestracji: 13.03.2007 02:03 |
Dzięki za miłe słowa Java też bardziej mi się podoba - jest bardziej efektowna, ale spotkałem się z opiniami na temat menu, ze ze wzgledu na  ajączki" lepiej jest robić tak, żeby im nie blokować przejścia dalej. Trochę boję się właśnie tego przy js. Najładniejsze mozna zrobić we flashu ale wtedy "pajączki" nie wiedzą co dalej. Nie znam sie na tyle, żeby wydawać opinię, więc mogę sie mylić - uczę się dopiero. Ale mam za to bardzo dobry podręcznik online google.pl no przyjazne fora Jesli jest sposób na menu w js i nie blokuje "googlebotów" z chęcią poczytam. |
|
|
|
| Shaolin |
Dodany dnia 20.04.2007 11:02:38
|
 Bywalec  Postów: 888 Data rejestracji: 23.10.2004 14:59 |
sposób jest, znany i powszechnie stosowany. robisz menu jakie sobie chcesz, w js lub we flashu, a pod spodem, w stopce strony, umieszczasz skróconą nawigację - pomaga to zarówno botom, jak i użytkownikom bez włączonego javascriptu. w przypadku flasha możesz też dodać znacznik noembed i umieścić w nim normalne menu htmlowe - będzie widoczne jedynie dla użytkowników bez włączonej wtyczki flash oraz dla wspomnianych już botów :) Najładniejsze mozna zrobić we flashu :) nie, najładniejsze można zrobić w cssach :) bardzo funkcjonalne, pod względem kodu czasem powalające swoją prostotą... ahh :) chociaż co kto lubi w sumie :) Edytowane przez Shaolin dnia 20.04.2007 11:06:00 working
|
|
|
|
| Arecki |
Dodany dnia 20.04.2007 11:05:25
|
|
Przedszkolak Postów: 21 Data rejestracji: 13.03.2007 02:03 |
O, To jest ważna informacja Dziękuję Czyli w stopce lub w pasku na górze robie drugie menu. A co z tym w js lub flashu ? Będzie puste pole ? Myslę o odwiedzających, nie bootach i estetykę strony
Edytowane przez Arecki dnia 20.04.2007 11:09:56 |
|
|
|
| Shaolin |
Dodany dnia 20.04.2007 11:16:12
|
|
Bywalec Postów: 888 Data rejestracji: 23.10.2004 14:59 |
nie, chodzi właśnie o to, żeby na stronie były 2 nawigacje - zwykła i ta "wybajerzona" :)
working
|
|
|
|
| Arecki |
Dodany dnia 20.04.2007 11:19:45
|
|
Przedszkolak Postów: 21 Data rejestracji: 13.03.2007 02:03 |
Ok, dzięki |
|
|
|
| wlodekp |
Dodany dnia 09.05.2007 10:18:38
|
|
Weteran Postów: 3101 Pomógł: 29 Data rejestracji: 21.05.2005 22:27 |
Dodam bardzo proste np do obejrzenia na żywca po wklejeniu do panelu kodu poniżej: ?> <style type="text/css"> td#sidelinks {vertical-align: top;} td#sidelinks a {display: block; text-decoration: none; border: 1px solid ; border-color: #FF0000; padding: 2px 10px 1px 20px; background-color: #FFFF00; font-family: "trebuchet ms",Verdana,Tahoma,Arial,Sans-Serif; font-size:12pt;} td#sidelinks a:hover {background-color: #00FFFF;} </style> <?php echo "<table cellspacing='0' width='100%'> <tr> <td id='sidelinks'> <a href='index.php' id='strona'>Strona główna</a> <a href='index.php' id='oferta'>Oferta</a> <a href='index.php' id='firma'>O firmie</a> <a href='index.php' id='kontakt'>Kontakt</a> </td> </table>"; chodziło mi tylko o pokazanie zmiany koloru w tabeli możliwie proste dla każdego i przypisanie td do bloku , co pozwala operować tylko id bez <div> Ewentualne menu i jego umiejscowienie jest tabelą a gdzie kod tej tabeli zostanie wstawiony pion czy poziom zależy tylko od użytkownika operujemy tylko tabelą w poziomie dojdą wiersze, kolory specjalnie jaskrawe-żeby zobaczyć zmiany dokonywane przez użytkownika |
|
|
|
| polsilver |
Dodany dnia 18.02.2008 14:02:27
|
 Przedszkolak Postów: 46 Ostrzeżeń: 1 Data rejestracji: 04.07.2007 06:41 |
A co zrobić żeby zaimiast koloru wstawic grafikę, bo brutalna podmiana na background-url nie przyniosła skutku. |
|
|
|
| kicken |
Dodany dnia 20.02.2008 22:02:36
|
|
Przedszkolak Postów: 5 Data rejestracji: 20.02.2008 21:35 |
Spróbuj background: url(www.)
Edytowane przez Pieka dnia 20.02.2008 22:10:57 |
|
|
|
| rabit7 |
Dodany dnia 22.02.2008 20:19:04
|
|
Przedszkolak Postów: 57 Ostrzeżeń: 1 Data rejestracji: 02.02.2008 08:21 |
Czyli jak miałaby wyglądać ta linijka ? |
|
|
|
| Drakoo |
Dodany dnia 12.07.2008 01:23:12
|
 Początkujący  Postów: 202 Ostrzeżeń: 3 Data rejestracji: 01.07.2005 19:34 |
Hej, znalazłem na jakieś stronce w google.pl menu CSS, zrobiłem prawie wszystko tak jak pisało, prócz najważniejszego :D, zaczynając od początku miałem wkleić w okolicach sekcji body pewien kod, ok zrobiłem. Później zrobić plik menu.css, wkleić i zapisać w folderze thema kolejny kod, ok zrobiłem, ale ten kod mam wkleić w okolicach sekcji head Czy to chodzi o funkcje Render Header, jeśli tak próbowałem tam ten kod wkleić w tej formie jak i z echo""; zamiast oryginalnego menu skórki za każdym razem wywala mi błąd. Co robie źle?? Proszę o pomoc. Pozdrawiam Edytowane przez szymon dnia 12.07.2008 10:46:34 |
|
|
|
| rafek71 |
Dodany dnia 12.07.2008 01:32:11
|
 Przedszkolak Postów: 70 Pomógł: 6 Data rejestracji: 27.12.2006 19:52 |
wklej do subheader.php
Zanim do mnie napiszesz przeczytaj TO
|
|
|
|
| Drakoo |
Dodany dnia 13.07.2008 14:58:04
|
|
Początkujący Postów: 202 Ostrzeżeń: 3 Data rejestracji: 01.07.2005 19:34 |
A w którym miejscu to wkleic?? i czy tam gdzie to href nietrzeba podfac dokladniejszej lokalzacji pliku? themes/menu.css ? |
|
|
|
| rafek71 |
Dodany dnia 13.07.2008 15:27:26
|
|
Przedszkolak Postów: 70 Pomógł: 6 Data rejestracji: 27.12.2006 19:52 |
Wkleic masz to tam gdzie jest <head></head> (sa tam podobne wpisy). Jesli chodzi o plik "menu.css" to musisz podac jego dokladna lokalizacje, jesli jest on w folderze Twojej skorki to link bedzie wygladal tak: ".THEME."menu.css
Zanim do mnie napiszesz przeczytaj TO
|
|
|
|
| Drakoo |
Dodany dnia 14.07.2008 11:20:26
|
|
Początkujący Postów: 202 Ostrzeżeń: 3 Data rejestracji: 01.07.2005 19:34 |
A kod wkleilem tu: Red- To poprawilem i stronka sie wczytuje ale menu nie widac ;P Edytowane przez Drakoo dnia 14.07.2008 11:28:55 |
|
|
|
Strona 1 z 2: 12
| Przejdź do forum: |