Бесплатный шаблон «News»
Версия движка: 0.3.1
Тестировалось на: Firefox, Opera
Бесплатный, светлый, простой шаблон подходящий как для софт сайтов, так и для новостных.
Доступен для скачивания:
- +18
- 24 января 2010, 13:48
- lexey
Тестировалось на: Firefox, OperaА как же IE?
Понимаю, многие его не любят, но это, как ни крути, лидер :)
IE умирает, на замену к нему идет FF, который очень быстро набирает обороты.
И кроме этих трех браузеров есть еще море других.
И кроме этих трех браузеров есть еще море других.
Это не факт, это предположение.
Открыв статистику любого крупного проекта можно увидеть что интернет-пользователи использующие IE составляют не менее 30% об общего числа. Например, статистика за сегодня (на данную секунду) крупнейшего портала украины ukr.net (до полумиллиона пользователей в сутки) показывает :
IE — 37,3%
Opera — 22,4%
Mozilla — 22,9%
Все остальное — 17,4%
Да, позиции IE упали, но не нужно забывать о том что Microsoft тоже на месте не стоит.
И так как на данный момент IE находится на первом месте по популярности — не тестировать на нем сайты просто не допустимо.
Открыв статистику любого крупного проекта можно увидеть что интернет-пользователи использующие IE составляют не менее 30% об общего числа. Например, статистика за сегодня (на данную секунду) крупнейшего портала украины ukr.net (до полумиллиона пользователей в сутки) показывает :
IE — 37,3%
Opera — 22,4%
Mozilla — 22,9%
Все остальное — 17,4%
Да, позиции IE упали, но не нужно забывать о том что Microsoft тоже на месте не стоит.
И так как на данный момент IE находится на первом месте по популярности — не тестировать на нем сайты просто не допустимо.
+100
А по данным SpyLog у ИЕ более 40%:
Сам недолюбливаю ИЕ, и рабочим браузером у меня стоит ФФ. Но, кроме него, есть еще Опера, Хром, Сафари. И если делаю сайт, то проверяю его под этой пятеркой браузеров, но в первую очередь — под ИЕ. Потому что юзер не знает моих личных предпочтений, и ходит в инет тем, что ему нравится. Или чего он знает. И до сих пор огромная армия юзеров точно знает, что «Интернет — это синенькая буква Е вот тут на экране».
А по данным SpyLog у ИЕ более 40%:
Сам недолюбливаю ИЕ, и рабочим браузером у меня стоит ФФ. Но, кроме него, есть еще Опера, Хром, Сафари. И если делаю сайт, то проверяю его под этой пятеркой браузеров, но в первую очередь — под ИЕ. Потому что юзер не знает моих личных предпочтений, и ходит в инет тем, что ему нравится. Или чего он знает. И до сих пор огромная армия юзеров точно знает, что «Интернет — это синенькая буква Е вот тут на экране».
учи css раз занимаешься этим.
1. Заходишь в \css\style.css
2. Ищешь #content и меняешь значение с float: right на float: left
3. Ну и чтобы красиво смотрелось ниже есть #sidebar и у него меняешь с margin-right:5px на margin-left:5px
1. Заходишь в \css\style.css
2. Ищешь #content и меняешь значение с float: right на float: left
3. Ну и чтобы красиво смотрелось ниже есть #sidebar и у него меняешь с margin-right:5px на margin-left:5px
Спасибо и еще вопрос или даже пожелание, секунд 20 искал кнопку для написания поста, т.е. слово «Написать», оказалось что для этого служит кнопка со стрелкой, неподготовленный посетитель сайта вообще эту кнопку не найдет и не узнает, что в этот сайт можно «постить».
Меню «Все Коллективные Персональные» можно было хоть как то выделить, вдогонку вопрос, подскажите что и где прописать в css, чтобы получилось такое же оформление меню как в вашем шаблоне WebDo, т.е. чтобы у менюшки была прямоугольная окантовка, например с серым цветом.
И последнее и как мне кажется очень существенное: при переходе по ссылкам " Все Коллективные Персональные TOP" они никак не выделяются, т.е. не видно какой пункт меню активен, например на этом сайте сейчас выделено меню «Коллективные» белым прямоугольником со стрелкой на «Хорошие Новые +1 Плохие». Лучше всего сделать так: меню например серого цвета, активна ссылка например «Коллективные» она голубым цветом и нижние ссылки «Хорошие Плохие» тоже голубым цветом, т.е. меню как на , подскажите плиз как такое реализовать через css в данном шаблоне.
«учи css раз занимаешься этим» — самому уже надоело методом тыка все делать и других спрашивать ) учу, только трудно дается
Меню «Все Коллективные Персональные» можно было хоть как то выделить, вдогонку вопрос, подскажите что и где прописать в css, чтобы получилось такое же оформление меню как в вашем шаблоне WebDo, т.е. чтобы у менюшки была прямоугольная окантовка, например с серым цветом.
И последнее и как мне кажется очень существенное: при переходе по ссылкам " Все Коллективные Персональные TOP" они никак не выделяются, т.е. не видно какой пункт меню активен, например на этом сайте сейчас выделено меню «Коллективные» белым прямоугольником со стрелкой на «Хорошие Новые +1 Плохие». Лучше всего сделать так: меню например серого цвета, активна ссылка например «Коллективные» она голубым цветом и нижние ссылки «Хорошие Плохие» тоже голубым цветом, т.е. меню как на , подскажите плиз как такое реализовать через css в данном шаблоне.
«учи css раз занимаешься этим» — самому уже надоело методом тыка все делать и других спрашивать ) учу, только трудно дается
1. чтобы посмотреть фиксированный или нет, достаточно зайти в style.css нужного шаблона, найти #container и если ширина будет задана в px(пикселях) значит шаблон фиксированный, если же в %(процентах) — то резиновый
2. на счет ее пока ничего не знаю, ещё ничего не подгонял под него
3. все что связано с меню находится в файлах:
а) header_nav.tpl
б) menu.blog.tpl
в) menu.blog_edit.tpl
г) menu.people.tpl
д) menu.profile.tpl
е) menu.settings.tpl
ж) menu.talk.tpl
з) menu.topic_action.tpl
А в style.css это все что находится со 117 по 133 строки. Посмотрите как сделано в шаблон WebDo и делайте по аналогии.
2. на счет ее пока ничего не знаю, ещё ничего не подгонял под него
3. все что связано с меню находится в файлах:
а) header_nav.tpl
б) menu.blog.tpl
в) menu.blog_edit.tpl
г) menu.people.tpl
д) menu.profile.tpl
е) menu.settings.tpl
ж) menu.talk.tpl
з) menu.topic_action.tpl
А в style.css это все что находится со 117 по 133 строки. Посмотрите как сделано в шаблон WebDo и делайте по аналогии.
Да вроде нормально все в IE, думаю любой разработчик в первую очередь должен тестировать шаблон в IE, так как большинство юзеров не опытные и пользуются стандартным браузером своей винды, т.е ie, не все ведь прошаренные, есть домохозяйки всякие которые посещают кулинарные сайты, автомобилист посещающий сайт об автомобилях и т.д., т.е. обычные люди и они даже не слышали об Firefox,Opera, а пользуются ием, что уже установленно в стандартной сборке винды и таких юзеров большинство, вот смотрю сейчас статистику своего сайта через яндекс метрика — у 70 % посетителей IE.
вот какое у меня CSS:
/* <b>Generic Blocks</b>
-------------------------------------------------------------------*/
#container { width: 1150px; margin: auto }
#header { height: 200px; clear: both; overflow: hidden; zoom: 1; }
#nav { clear: both;}
#wrapper { overflow: hidden; zoom: 1;}
#content { width: 710px; float: left; clear: left; zoom: 1; background: #FFFFFF; padding: 5px 10px 10px 10px }
#sidebar { width: 350px; float: left;background: #f0f0e7;margin-left:70px}
#footer { clear: both; padding: 20px 0px 0px 0px; color: #949494; overflow: hidden; height: 40px }
.white-back {}
.page-talk { padding-left: 3px !important; margin-right: 50px !important; }
/* <b>Header</b>
-------------------------------------------------------------------*/
#header h1 { float: left; padding-top: 10px; }
#header h1 a { color: #77d115; text-decoration: none; font: normal 20px Arial, Sans-Serif; }
#header h1 a strong { color: #fff; }
/* <b>Main Navigation</b> */
#header .nav-main { float: left; padding-top: 170px; padding-left: 0px; }
#header .nav-main li { float: left; font-size: 24px; margin-right: 24px; vertical-align: bottom }
#header .nav-main li a { color: #6da3bd; }
#header .nav-main li.active { position: relative; top: -1px; }
#header .nav-main li.active a { color: #4A4B4D; font-size: 24px; line-height: 24px; text-decoration: none; font-weight: bold }
Все сделал как хотел, все исправил, осталась небольшая проблема с IE, создатель шаблона подскажите пожалуйста как сделать:
Так как шапка сайта у меня широкая я отпустил ссылки "Посты Люди О проекте" вниз на 190px, сделал это здесь #header .nav-main { float: left; padding-top: 190px; margin-left: -570px; padding-left: 0px; }
Также увеличил ширину шапки: #header { height: 230px; clear: both; overflow: hidden; zoom: 1; }
В файле ie7.css также отпустил ссылки "Посты Люди О проекте" вниз: #header .nav-main { padding-top: 190px; }, но ссылки Люди О проектевидны только на половину.Подскажите пожалуйста как это исправить.
Приложил скриншот из IE7:
Так как шапка сайта у меня широкая я отпустил ссылки "Посты Люди О проекте" вниз на 190px, сделал это здесь #header .nav-main { float: left; padding-top: 190px; margin-left: -570px; padding-left: 0px; }
Также увеличил ширину шапки: #header { height: 230px; clear: both; overflow: hidden; zoom: 1; }
В файле ie7.css также отпустил ссылки "Посты Люди О проекте" вниз: #header .nav-main { padding-top: 190px; }, но ссылки Люди О проектевидны только на половину.Подскажите пожалуйста как это исправить.
Приложил скриншот из IE7:
Комментарии (46)
RSS свернуть / развернуть