Jump to content
  • Sign Up

MegaS

Newbie
  • Posts

    16
  • Joined

  • Last visited

Information

  • Sex
    Мужчина

MegaS's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Верстал шаблон.Извините,возможно за тупой вопрос,но зачем выделенные на рисунке кнопки,и какую функцию выполняют?
  2. а какое расширение экрана?
  3. http://ordered.esy.es Ссылка на сайт Верстал две странички,одна Blog,вторая Home,доступ к ним осуществляется через верхнее меню что в header Вот макетики Home https://cloud.mail.r...usQcp1/Home.psd Blog https://cloud.mail.r...FNuMDU/Blog.psd Благодарю заранее! P.S Было переделано после замечаний со стороны форумчан в этой теме
  4. не знаю JS,как это задействовать,а то у меня не получается.Вроде бы jquery подключил,и соответственный код вставил в контейнер скрипт <script>$("#tab1").click(function(e) { e.preventDefault();e.stopPropagation();return false;});$("#tab2").click(function(e) { e.preventDefault();e.stopPropagation();return false;});$("#tab3").click(function(e) { e.preventDefault();e.stopPropagation();return false;});$("#tab4").click(function(e) { e.preventDefault();e.stopPropagation();return false;});</script>
  5. http://versuscat.esy.es/blog.html Браузер,при переключении табов перенаправляет страничку вверх.Я хочу избавится от этого эффекта,чтобы когда переключал табы,положение на странице не менялось. http://codepen.io/wallaceerick/pen/ojtal - это исходник с которого было скопировано и переделано под себя решение(там тоже перенаправляет положение на странице вверх) Помогите пожалуйста
  6. И еще один вопрос,как сделать так,чтобы переключатель табов работал?
  7. Извините за такой вопрос,так как начинающий верстальщик,что значит оттипографить шрифты? Извините за такой вопрос,так как начинающий верстальщик,что значит оттипографить шрифты?
  8. http://ordered.esy.es Ссылка на сайт В макете не верстал оформление видео плеера,так как не умею это +Шрифт не такой как в шаблоне Верстал две странички,одна Blog,вторая Home,доступ к ним осуществляется через верхнее меню что в header Вот макетики Home https://cloud.mail.ru/public/3x7mBwusQcp1/Home.psd Blog https://cloud.mail.ru/public/237ZnSFNuMDU/Blog.psd Благодарю заранее!
  9. Я могу пользоваться этими макетами для создания сайтов для своих возможных клиентов?
  10. Просто для своего блога хотелось бы чего-то уникального. И как вообще отличить хороший дизайн от плохого?Вкусы то у всех разные. Как делать красивые сайты?Есть где то мануал что ли?
  11. Почему вы так решили?Вроде ж на месте стоит, я просто не знаю какую информацию туда "пихнуть". Извините, а дизайн вы сами делали или это был макетик?Дизайн я сам нарисовал в PS ,а потом сверстал
  12. Вот ссылка http://ordered.esy.es/ Хотел бы узнать как бы нужно было сверстать правильно
  13. Вот переделано http://pattern.esy.es/ Вот предыдущая работа http://ordered.esy.es/ Я изменил кардинально свою роботу,подсмотрел как это делается нормально и добавил немного свого html валидный Хочу знать где я возможно неправильно использовал теги,а также замечания и предложения по поводу шаблона(как можна было бы сделать лучше и удобней для юзеров)
  14. Сверстал шаблон для модуля популярных новостей Joomla http://ordered.esy.es/(гитхабом еще не могу пользоваться выложил на бесплатный хостинг) оцените пожалуйста,если не тяжело укажите недочеты данного шаблоны,способы верстки этого шаблона другими способами Javascript не знаю Вопросы: 1) Вот строка кода: <div class="frame5" style = "background:url(news.jpg); background-size:cover; ">Нужно избавится от избыточного кода background-size:cover который в файле стилей не работает 2)Как стягивать бекграунд так ,чтобы изображение имело нормальное качество? 3)Есть ли у меня еще избыточный код 4)У нижнем up_container нужно сделать чтобы столбцы были одинаковой высоты без фиксированой высоты(тут конечно можно было решить проблему использованием блока изображения вместо бекграунда) 4)Как сделать шаблон эластичнее без применения лишних блоков и без нарушения его ровности способами css и html этот вопрос конечно я отложу на потом ,сделаю лаконичнее 5)Как оптимизировать css еще лучше? p.s Шаблон сделан не до конца,еще в елемент board(вывеска новости) должно влезть количество просмотров,которое я не еще не прописал,над этим подумаю.Я только новичок в верстке и вообще в мейкинге сайтов(знаю немного php,немного ООП в php,HTML,CSS) можете направить в нужное русло?Вроде все,будут еще вопросы напишу Листинг HTML <!DOCTYPE html><html><head><link rel = "stylesheet" type = "text/css" href = "mostread.css"/><title>Популярные новости</title></head><body><div class = "mostread"><div class = "up_container"><div class = "frame0" style = "background:url(tz.jpg); background-size:cover; "><div class = "wrap_board"><div class = "board" >Конь упал в люк,пострадавших нет</div></div></div><div class = "rightcol"><div class = "frame1" style = "background:url(dx.jpg); background-size:100% 100%; "><div class = "wrap_board"><div class = "board">У кого то проблемы</div></div></div><div class = "frame2" style = "background:url(nk.jpg); background-size:cover; "><div class = "wrap_board"><div class = "board">Blue screen of death</div></div></div></div></div><div class = "down_container"><div class="frame3" style = "background:url(eo.jpg); background-size:cover; "><div class = "wrap_board"><div class = "board">Питер Гриффин:правда</div></div></div><div class="frame4" style = "background:url(er.jpg); background-size:cover; " ><div class = "wrap_board"><div class = "board">Р-36 М </div></div></div><div class="frame5" style = "background:url(news.jpg); background-size:cover; "><div class = "wrap_board"><div class = "board">Слава Україні!!! </div></div></div><div class ="clearer"></div></div></div></body></html>Листинг СSS .frame0 {width:400px;height:100%;}.frame0,.frame1,.frame2,.frame3,.frame4,.frame5 {position:relative;color:white;}.frame0,.rightcol {height:100%;float:left;}.wrap_board {width:100%;}.board {visibility:hidden;position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,.7);word-wrap:break-word;font-size:0.95em;padding:10px;box-sizing:border-box;width:100%;box-shadow: 0px -6px 6px 0px rgba(0, 0, 0,.7);}.frame0:hover .board,.frame1:hover .board ,.frame2:hover .board ,.frame3:hover .board ,.frame4:hover .board,.frame5:hover .board {visibility:visible;}.rightcol {width:200px;}.frame1,.frame2 {height:50%;}.frame1 {background-size:100% 100%;}.frame2 {background-size:100% 100%;}.frame3 ,.frame4,.frame5 {float:left;width:200px;background-size:cover;height:100px;}.clearer {clear:both;}.up_container {height:66%;}.down_container {width:100%;height:33%;}.mostread {height:300px;}Спасибо заранее!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy