Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> menu, pokaż po na jechaniu inaczej
noyo_pl
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 3.04.2010

Ostrzeżenie: (0%)
-----


Ma ktos może jakiś przykład jak zrobić w jquery menu na stronie które pokazuje część tekstu odnośnia, a po najechaniu na niego tak jakby pokazuje dalszą cześć, ale żeby nie zawijało, tylko jakby nachodziło na treść strony.
Chodzi o strone dwu kolumnowe, po lewej menu a po prawej streść odnośników.

Troche jak tu https://api.jquery.com/hover/ wyświetlanie gwiazdek, tylko jak użyje tego to gwiazdki są u dołu i nie wiem jak zmienić gwiazdki na ciąg dalszy odnośnika.

Dzięki

Ten post edytował noyo_pl 12.05.2015, 21:49:53
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
noyo_pl
post
Post #2





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 3.04.2010

Ostrzeżenie: (0%)
-----


Nawet lepiej że to CSS, próbowałem jakoś to dopisać do mojego kodu to co podał @Comandeer, ale coś mi nie wychodziło.

Chciałbym żeby odnośnik który jest krótszy niż szerokość 255px wyświetlał się cały i podświetlenie było na szerokość 255px, natomiast jeśli jest coś dłuższe niż szerokość 255px skracało się do szerokość 255px, a ja najedzie się na niego pokazywało się całe z szerokością jaką ma tekst i aby pod nim była treść strony po prawej.


Mam coś takiego:
  1. ul.lmenu {
  2. margin:0;
  3. padding:0;
  4. list-style:none;
  5. }
  6. ul.lmenu p {
  7. font: normal 22px Arial, Helvetica, sans-serif;
  8. color:#595959;
  9. margin: 0px 8px;
  10. text-align:left;
  11. }
  12. ul.lmenu li {
  13. margin:0px;
  14. padding:0px 0px 0px 15px;
  15. }
  16. ul.lmenu li a {
  17. font: normal 12px Arial, Helvetica, sans-serif;
  18. color:#666666;
  19. display:block;
  20. padding:5px 10px;
  21. margin-left: -10px;
  22.  
  23. }
  24. ul.lmenu li a:hover {
  25. color:#FFFFFF;
  26. background:#4dabe6;
  27. border-radius: 4px;
  28. -moz-border-radius: 4px;
  29. -webkit-border-radius: 4px;
  30. font-weight: bold;
  31. text-decoration:none;
  32. }
  33.  
  34.  
  35. <table border='0' cellpadding='0' cellspacing='0'>
  36. <tr>
  37. <td width='255'>
  38. <ul class='lmenu'>
  39. <li ><a href='#'>Link odnosnik Link odnosnik Link odnosnik</a></li>
  40. <li ><a href='#'>Link odnosnik Link odnosnik</a></li>
  41. <li ><a href='#'>Link odnosnik</a></li>
  42. <li ><a href='#'>Link odnosnik</a></li>
  43. <li ><a href='#'>Link odnosnik</a></li>
  44. </ul>
  45. </td>
  46. <td width='876'>
  47. cos tam<BR>
  48. cos tam<BR>
  49. cos tam<BR>
  50. cos tam<BR>
  51. cos tam<BR>
  52.  
  53.  
  54. </td>
  55. </tr>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 9.10.2025 - 16:36