Войти
  1. ВКонтакте
  2. Facebook
  1. » » » Поиск уроков CSS - 3 страница
Новые публикации Скрыть панель справаПоказать панель справа

Поиск уроков CSS

2008-07-09T16:17:26+04:00 2014-12-19T21:13:45+03:00
Абитуриент
  1. Офлайн
  2. Посетители
  3. 5 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 31 отправлено 19:23, 03.07.2009

Цитата:Может вынести тему в отдельное помещение? )))



На этом форуме есть вот такие вот js.



Могу выдернуть содержание каждого, Вы сможете помочь мне если покажу содержание?
Профессор
  1. Офлайн
  2. Посетители
  3. 444 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 32 отправлено 19:30, 03.07.2009
да я и сам могу выдернуть, хм, очень порадовало ваше дополнение на лисе, Sape называется?себе поставлю)
И давай на ты, не против?)
Я вообще посоветую использовать jQuery, тут скорее всего сделано на ajax

Я НАШЁЛ!!!!
http://www.css-school.ru/templates/css-school4/js/tooltip.js вот скрипт
для работы пропиши у нужного тега tooltip="подсказка"
а вот кстати и оформление подсказки:
php code:
  1. #tooltip{
  2.    background:#e4f3fa;
  3.    border:1px solid #1d668c;
  4.    border-left:3px solid #1d668c;
  5.    font-size:11px;
  6.     color:#002a3f;
  7.    padding:4px 8px;
  8.     position:absolute;
  9.     visibility:hidden;
  10.     opacity: 0.9;
  11.     z-index:100;
  12. }

Последний раз редактировал Медведь 19:54, 03.07.2009

------------------------------------------
Присутствие силы чувствую я.

Задавать вопросы по web-дизайну напрямую мне лучше всего здесь http://vkontakte.ru/club25971247
По вопросам обучения обращаться в icq или skype (номера в профиле)
Абитуриент
  1. Офлайн
  2. Посетители
  3. 5 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 33 отправлено 21:10, 03.07.2009

Медведь писал:очень порадовало ваше дополнение на лисе, Sape называется?себе поставлю)


Это ещё только то что включено)) многое удалила по не надобности. По поводу сапы могу скинуть плагин)))

Медведь писал:И давай на ты, не против?)


Руками, ногами и зубами за)

Медведь писал:Я вообще посоветую использовать jQuery, тут скорее всего сделано на ajax


В этом я крупный нуб))) (что обидно) но стараюсь вырваться, учусь)
Но меня пол года эта фишка гложит, забыла и тут случайно встретила темку, попробовала не получилось, на сколько я знаю в ipb форумах по сложнее, есть моды которые я щёлкаю, но про такую простую вещь мне было даже стыдно писать.

Медведь писал:Я НАШЁЛ!!!!
http://www.css-school.ru/templates/css-school4/js/tooltip.js вот скрипт
для работы пропиши у нужного тега tooltip=\\\"подсказка\\\"
а вот кстати и оформление подсказки:



Здорово, будем порешать))

Последний раз редактировал Sina 21:12, 03.07.2009
Профессор
  1. Офлайн
  2. Посетители
  3. 444 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 34 отправлено 21:30, 03.07.2009
я всегда буду рад помочь:)
правда я скоро уезжаю в другой город (почти до конца лета, там инета на компе нет(((), поэтому смогу помогать только по аське, если какие-то вопросы будут - стучись, постараюсь помочь)


------------------------------------------
Присутствие силы чувствую я.

Задавать вопросы по web-дизайну напрямую мне лучше всего здесь http://vkontakte.ru/club25971247
По вопросам обучения обращаться в icq или skype (номера в профиле)
Абитуриент
  1. Офлайн
  2. Посетители
  3. 5 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 35 отправлено 02:26, 04.07.2009
Спасибо) Будут вопросы обращусь.

Вот подкинули мне ссылочки на чистом ксс можно

http://www.fijiwebdesign.com/fiji-web-desi...l-elements.html

http://trentrichardson.com/examples/csstooltips/

http://www.kollermedia.at/archive/2008/03/...sy-css-tooltip/

у меня пока не получилось. (((
Профессор
  1. Офлайн
  2. Посетители
  3. 444 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 36 отправлено 13:09, 05.07.2009
Sina, первая и третья ссылки выдали мне ошибки, на второй есть ссылка на скачивание кода...поэтому пока не понял проблему)


------------------------------------------
Присутствие силы чувствую я.

Задавать вопросы по web-дизайну напрямую мне лучше всего здесь http://vkontakte.ru/club25971247
По вопросам обучения обращаться в icq или skype (номера в профиле)
Абитуриент
  1. Офлайн
  2. Посетители
  3. 1 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 37 отправлено 16:31, 15.08.2009
Очень бы хотел увидеть урок по созданию закруглённых углов. Понимаю что в интернете много на эту тему написано. Но я к сожалению нечего не понял. Я новичок. Мало знаю. Хотелось бы узнать как сделать закруглённые углы с использование 4 картинок. Нужно что бы фон был градиентным. Там вроде бы используется метод раздвижных дверей для того что бы картинка растягивалась, я делаю резиновый шаблон. И мне это очень хочется знать. Думаю такой подробный урок пригодится многим начинающим.
Профессор
  1. Офлайн
  2. Модераторы
  3. 484 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 38 отправлено 12:36, 22.08.2009
KeinAbigeil,
На пальцах объясню: 4 угла - 4 дива, они идут друг за другом, выходит 4 штуки наложены друг на друга (резиновые как в высоту так и ширину) потом каждому диву
php code:
  1. background: url(images.gif) no-repeat top left (top right, bottom left, bottom right)

Последний раз редактировал zombieman 12:36, 22.08.2009

------------------------------------------
Платные уроки верстки, обращайтесь
Студент
  1. Офлайн
  2. Посетители
  3. 10 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 39 отправлено 09:35, 03.11.2009
Здравствуйте, у меня большая просьба к тем, кто хорошо разбирается в CSS и кому будет не жалко немного времени, чтобы разобраться в моем коде и помочь. А проблема вот в чем: необходимо сверстать горизонтальное выпадающее меню. Оно сверстано и отлично работает(ну конечно же) в ff,opera, chrome, но только не в ie из-за псевдокласса hover. Уроков куча в интернете, но моя проблема в том, что под ие я начала переделывать, когда меню уже было сверстано. Т.е. теперь приходится править не только например добавление js, но и сам css. Проделала так уроков пять - не получилось. Так как я в этом новичок, то совсем запуталась. Ниже приведу html-код меню и css. Пожалуйста подскажите, что и куда добавить.
php code:
  1. <ul class="menu">         &
  2. nbsp;            &nb
  3. sp;            &nbsp
  4. ;        
  5.  
  6.         <li class="sdf"><strong><a href="http://localhost/joomla"><span class="gray_text">01</span><p>ГЛАВНАЯ</p>&#6
  7. 0;/a></strong></li>
  8.         <li class="sdl"><strong><a href="index.php?option=com_content&view=article&id=47"><
  9. span class="gray_text">02</span><p>О КОМПАНИИ</p></a></strong>
  10.             <ul&
  11. #62;
  12.             &n
  13. bsp;  <li><a style="padding:0px 16px 5px;" href="index.php?option=com_content&view=article&id=56">ЛАБОР
  14. АТОРИЯ</a></li>
  15.              &n
  16. bsp;  <li><a style="padding:0px 16px 5px;" href="index.php?option=com_content&view=article&id=57">КЛИЕН
  17. ТЫ</a></li>
  18.              &n
  19. bsp;  <li><a style="padding:0px 16px 5px;" href="index.php?option=com_content&view=article&id=58">ВАКАН
  20. СИИ</a></li>
  21.             </ul
  22. >
  23.         </li>
  24.         <li class="sdl"><strong><a href="index.php?option=com_content&view=article&id=48"><
  25. span class="gray_text">03</span><p>УСЛУГИ</p>&#60
  26. ;/a></strong></li>
  27.         <li class="sdl"><strong><a href="index.php?option=com_content&view=article&id=49"><
  28. span class="gray_text">04</span><p>ПРОДУКЦИЯ</p>&
  29. #60;/a></strong>
  30.            <ul&
  31. #62;
  32.             &n
  33. bsp;  <li><a style="padding:0px 16px 5px;" href="index.php?option=com_content&view=article&id=52">БЕТОН
  34. </a></li>
  35.              &n
  36. bsp;  <li><a style="padding:0px 16px 5px;" href="index.php?option=com_content&view=article&id=53">ПЕСКО
  37. БЛОКИ</a></li>
  38.              &n
  39. bsp;  <li><a style="padding:0px 16px 5px;" href="index.php?option=com_content&view=article&id=54">ЖБИ ИЗДЕЛИЯ</a></li><li><a style="padding:0px 16px 5px;" href="index.php?option=com_content&view=article&id=55">ИНЕРТ
  40. НЫЕ МАТЕРИАЛЫ</a></li>
  41.              &n
  42. bsp;  <li><a style="padding:0px 16px 5px;" href="index.php?option=com_content&view=article&id=62">ПРАЙС
  43. -ЛИСТЫ</a></li>
  44.             </ul
  45. >
  46.         </li>
  47.              &n
  48. bsp;      
  49.         <li class="sdl"><strong><a href="index.php?option=com_content&view=article&id=50"><
  50. span class="gray_text">05</span><p>ЗАКАЗ</p><
  51. /a></strong></li>
  52.         <li class="sdl"><strong><a href="index.php?option=com_content&view=article&id=51"><
  53. span class="gray_text">06</span><p>КОНТАКТЫ</p></a></strong></li>
  54.     </ul>


CSS:
php code:
  1. ul.menu {
  2.     margin-top: 0px;
  3.     margin-bottom:-2px;
  4.     list-style-type:none;
  5.     width:auto;
  6.     position:relative;
  7.     height:65px;
  8.     font-size:11px;
  9.     margin-left:25px;
  10.     padding:0;
  11. }
  12.  
  13. ul.menu li {
  14.    
  15.     float:left;
  16.     margin: 0px;
  17.     padding:0;
  18.     text-align:right;
  19.     display:inline
  20. }
  21.  
  22.  
  23. ul.menu li a {
  24.     float:left;
  25.     color:#000000;
  26.    text-decoration:none;
  27.     display: block;
  28.     overflow: hidden;
  29.     background:#ffffff;
  30.    display:inline
  31. }
  32.  
  33. ul.menu p {margin-top: 11px; margin-bottom:6px;}
  34.  
  35. li.sdf, li.sdf a, li.sdf a:hover,.current {width:230px; padding:15px 18px 0px; }
  36.  
  37. li.sdl, li.sdl a, li.sdl a:hover,.current {width:139px; padding:15px 16px 0px; }
  38.  
  39. ul.menu li a:hover {background-color:#ffb400;}
  40.  
  41. ul.menu li ul {
  42.     display:none;
  43.     position:absolute;
  44.     top:67px;
  45.     background:#858585;
  46.    padding:15px 0px 10px;
  47.     margin:0px;
  48.     z-index:100;
  49.     opacity:0.85;
  50.     line-height:normal;
  51.     height:auto;
  52. }
  53.  
  54.  
  55. ul.menu li ul li{float: none; margin:0px;display:inline}
  56.  
  57. ul.menu li:hover ul,ul.menu li:jhover ul, li.over ul {height: auto; display:block;}
  58.  
  59. ul.menu li:hover ul li a{
  60.     display:block;
  61.     color: #fff;
  62.    background: #858585;
  63.    display:inline
  64. }
  65.  
  66. ul.menu ul li:hover a:hover{color:#ffb400;}
  67.  
  68. ul.menu li:hover a{background:#ffb400;}
Абитуриент
  1. Офлайн
  2. Посетители
  3. 1 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 40 отправлено 20:47, 20.11.2009
Здравствуйте, у меня к вам просьба..не могли бы вы написать уроки по вёрстке макета для Вордпресс?? Ну оочень нужно..сколько сайтов смотрел, толком ничего не понятно..
Абитуриент
  1. Офлайн
  2. Посетители
  3. 2 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 41 отправлено 21:04, 20.11.2009
Всем доброго времени! Я новичёк в этом деле. Хотел бы узнать где можно узнать о CSS с самых азов, пошагово с примерами. Опыт в создании сайта есть, но не большой по шаблону на укозе с простым редактированием и знанием пару тройку кодов HTML и BB . Есть опытный образец сайта.
Профессор
  1. Офлайн
  2. Модераторы
  3. 484 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 42 отправлено 23:34, 20.11.2009
htmlbook.ru,xhtml.ru могу давать уроки онлайн (платно) и вот мой блог http://simpleweb.org.ua/


------------------------------------------
Платные уроки верстки, обращайтесь
Абитуриент
  1. Офлайн
  2. Посетители
  3. 2 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 43 отправлено 03:05, 21.11.2009

zombieman писал:htmlbook.ru,xhtml.ru могу давать уроки онлайн (платно) и вот мой блог http://simpleweb.org.ua/


Да... везде за всё плати, а что нет на этом ресурсе чего нибудь бесплатного, самоучителя какого нибудь?
Профессор
  1. Офлайн
  2. Модераторы
  3. 484 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 44 отправлено 04:57, 21.11.2009
2 сайта-книги и мой блог, где там плати?
Так же посоветую вам книги
J.C._Tiague_DHTML&CSS
Ши Хольцшлаг Философия CSS-дизайна


------------------------------------------
Платные уроки верстки, обращайтесь
Абитуриент
  1. Офлайн
  2. Посетители
  3. 1 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 45 отправлено 12:44, 30.11.2009
не знаю кто как, а я выучил html по учебнику http://postroika.ru/html/
а CSS как-то само собой, одного единственного источника и учебника не было.
 
Перейти
Найти

Доступ закрыт.

  1. Вам запрещено отвечать в темах данного форума.

Изменения статуса

  1. профиль Видимо, я последний выживший :) 01:19, 17.10.2011
  2. профиль Готов стать модератором)) 12:04, 17.09.2011
  3. профиль Восстанавливаем нормальную работу сайта и форума. 20:09, 13.09.2011