Бесплатный шаблон «News»


Версия движка: 0.3.1
Тестировалось на: Firefox, Opera

Бесплатный, светлый, простой шаблон подходящий как для софт сайтов, так и для новостных.


Доступен для скачивания: http://livestreet.ru/addons/134/
  • +18
  • 24 января 2010, 13:48
  • lexey

Комментарии (45)

RSS свернуть / развернуть
+
+2
Сразу бросается в глаза «прилипший» к границам блока текст топиков.
avatar

papa

  • 25 января 2010, 01:10
+
0
padding у content специально такой маленький

p.s. доступен для скачивания в разделе «Модули»
avatar

lexey

  • 25 января 2010, 02:24
  • ↑
+
0
Специально, так специально. ИМХО, ничем себя не оправдывающая ошибка.
avatar

papa

  • 25 января 2010, 02:45
  • ↑
+
-5
раскрыть комментарий
avatar

lexey

  • 25 января 2010, 02:47
  • ↑
+
0
Соглашусь с papa
В целом плохо, и добивает ситуацию кнопка «написать», которая просто не в тему.
Комментарии из цикла «Не нравится не ставь» или «Вместо критики лучше сделай сам» можно не оставлять.
avatar

z0r

  • 25 января 2010, 04:39
  • ↑
+
+1
Спасибо за шаблон, можно в живую посмотреть?
Что-то есть в таком вот здравом минимализме, принцип необходимой достаточности, не останавливайтесь на одном шаблоне!
avatar

pskk

  • 25 января 2010, 03:29
+
0
Спасибо за ваше мнение. В живую, к сожалению, нет возможности показать.
avatar

lexey

  • 25 января 2010, 04:57
+
+1
очень красиво… всегда хотелось чего-то минимального в лс ;-)

avatar

sn3g

  • 25 января 2010, 09:25
+
+1
покрутил, повертел и правда что-то не так :)
Заменил кнопку «Написать» и добавил отступов. Архив и скриншот обновлены!
avatar

lexey

  • 26 января 2010, 04:20
+
0
Только нужно подождать пока обновление пройдет модерацию!
avatar

lexey

  • 26 января 2010, 04:20
  • ↑
+
0
Тестировалось на: Firefox, Opera
А как же IE?
Понимаю, многие его не любят, но это, как ни крути, лидер :)
avatar

Gambler

  • 26 января 2010, 12:53
+
-1
IE умирает, на замену к нему идет FF, который очень быстро набирает обороты.
И кроме этих трех браузеров есть еще море других.
avatar

Shatter

  • 26 января 2010, 13:04
  • ↑
+
+4
Это не факт, это предположение.
Открыв статистику любого крупного проекта можно увидеть что интернет-пользователи использующие IE составляют не менее 30% об общего числа. Например, статистика за сегодня (на данную секунду) крупнейшего портала украины ukr.net (до полумиллиона пользователей в сутки) показывает top.bigmir.net/report/4961/users:

IE — 37,3%
Opera — 22,4%
Mozilla — 22,9%
Все остальное — 17,4%

Да, позиции IE упали, но не нужно забывать о том что Microsoft тоже на месте не стоит.

И так как на данный момент IE находится на первом месте по популярности — не тестировать на нем сайты просто не допустимо.
avatar

Gambler

  • 26 января 2010, 13:34
  • ↑
+
0
+100
А по данным SpyLog у ИЕ более 40%: trends.spylog.ru/global-statistic-browsers/

Сам недолюбливаю ИЕ, и рабочим браузером у меня стоит ФФ. Но, кроме него, есть еще Опера, Хром, Сафари. И если делаю сайт, то проверяю его под этой пятеркой браузеров, но в первую очередь — под ИЕ. Потому что юзер не знает моих личных предпочтений, и ходит в инет тем, что ему нравится. Или чего он знает. И до сих пор огромная армия юзеров точно знает, что «Интернет — это синенькая буква Е вот тут на экране».
avatar

avadim

  • 26 января 2010, 15:02
  • ↑
+
+1
а вы слышали про баг, найденный в IE?
avatar

Shatter

  • 26 января 2010, 21:04
  • ↑
+
-1
Слышал, ничего страшного, если он есть — его устранят, там есть кому это делать :)
avatar

Gambler

  • 26 января 2010, 21:20
  • ↑
+
0
Просто из-за этого бага, IE запретили в германии, если я ничего не путаю :D
avatar

Shatter

  • 26 января 2010, 21:35
  • ↑
+
0
путаешь
avatar

onthefly

  • 26 января 2010, 21:56
  • ↑
+
0
Не запретили, а посоветовали временно стараться не использовать. И то на уровне рекомендации.
avatar

Shem

  • 26 января 2010, 22:58
  • ↑
+
+1
спасибо за шаблон
avatar

ekim

  • 29 января 2010, 15:08
+
-1
ссылка битая можно ли выложить еще раз?
avatar

shedemon

  • 31 января 2010, 06:52
+
0
Сайт переехал на новую версию движка. В связи с этим раздел «Модули», в котором был выложен шаблон, не работает.

Вечером выложу на файлообменник.
avatar

lexey

  • 31 января 2010, 07:19
  • ↑
+
0
Снова доступен в разделе «Модули» http://livestreet.ru/addons/134/
avatar

lexey

  • 01 февраля 2010, 02:11
  • ↑
+
-1
подскажите как левый сайдбар сделать правым
avatar

amistad77

  • 01 февраля 2010, 07:21
+
-1
учи css раз занимаешься этим.
1. Заходишь в \css\style.css
2. Ищешь #content и меняешь значение с float: right на float: left
3. Ну и чтобы красиво смотрелось ниже есть #sidebar и у него меняешь с margin-right:5px на margin-left:5px
avatar

lexey

  • 01 февраля 2010, 07:30
  • ↑
+
0
Спасибо и еще вопрос или даже пожелание, секунд 20 искал кнопку для написания поста, т.е. слово «Написать», оказалось что для этого служит кнопка со стрелкой, неподготовленный посетитель сайта вообще эту кнопку не найдет и не узнает, что в этот сайт можно «постить».

Меню «Все Коллективные Персональные» можно было хоть как то выделить, вдогонку вопрос, подскажите что и где прописать в css, чтобы получилось такое же оформление меню как в вашем шаблоне WebDo, т.е. чтобы у менюшки была прямоугольная окантовка, например с серым цветом.

И последнее и как мне кажется очень существенное: при переходе по ссылкам " Все Коллективные Персональные TOP" они никак не выделяются, т.е. не видно какой пункт меню активен, например на этом сайте сейчас выделено меню «Коллективные» белым прямоугольником со стрелкой на «Хорошие Новые +1 Плохие». Лучше всего сделать так: меню например серого цвета, активна ссылка например «Коллективные» она голубым цветом и нижние ссылки «Хорошие Плохие» тоже голубым цветом, т.е. меню как на habrahabr.ru/, подскажите плиз как такое реализовать через css в данном шаблоне.

«учи css раз занимаешься этим» — самому уже надоело методом тыка все делать и других спрашивать ) учу, только трудно дается
avatar

amistad77

  • 01 февраля 2010, 07:55
  • ↑
+
0
Ах да, в IE логотип наполовину срезается.

И подскажите у этого шаблона ширина фиксированая как у WebDo или нет.
avatar

amistad77

  • 01 февраля 2010, 08:01
+
-1
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 и делайте по аналогии.
avatar

lexey

  • 01 февраля 2010, 08:08
+
0
*2. на счет ИЕ
avatar

lexey

  • 01 февраля 2010, 08:09
  • ↑
+
0
Ок, спасибо, когда переделаю выложу скриншот.
avatar

amistad77

  • 01 февраля 2010, 08:11
  • ↑
+
0
Да вроде нормально все в IE, думаю любой разработчик в первую очередь должен тестировать шаблон в IE, так как большинство юзеров не опытные и пользуются стандартным браузером своей винды, т.е ie, не все ведь прошаренные, есть домохозяйки всякие которые посещают кулинарные сайты, автомобилист посещающий сайт об автомобилях и т.д., т.е. обычные люди и они даже не слышали об Firefox,Opera, а пользуются ием, что уже установленно в стандартной сборке винды и таких юзеров большинство, вот смотрю сейчас статистику своего сайта через яндекс метрика — у 70 % посетителей IE.
avatar

amistad77

  • 01 февраля 2010, 08:17
  • ↑
+
0
Делал я на FireFox и делал для себя. Потом уже как-то пошло поехало, задумки и получился такой шаблон. Решил выложить :) Будет время подправлю под ИЕ
avatar

lexey

  • 01 февраля 2010, 08:30
  • ↑
+
0
«достаточно зайти в style.css нужного шаблона, найти #container и если ширина будет задана в px(пикселях) значит» — посмотрел, в пикселях, а что будет если я поставлю в %, он станет «резиновым» или еще что то добавить нужно?
avatar

amistad77

  • 01 февраля 2010, 08:58
+
0
блин, если изменять параметры Generic Blocks и опускать Main Navigation, то в IE ничего не меняется и как то криво все, это полностью style.css надо переделывать?
avatar

amistad77

  • 01 февраля 2010, 10:35
+
0
для ИЕ и прочих браузеров есть свои css. Какие-то уже добавлены, а какие-то надо самому. Все css, если верить логике, находятся в папке css
avatar

lexey

  • 01 февраля 2010, 10:43
+
0
их и меняй
avatar

lexey

  • 01 февраля 2010, 10:44
  • ↑
+
0
Ок.
avatar

amistad77

  • 01 февраля 2010, 11:47
+
0
Все блин, не могу больше, не получается (( Люди добрые помогите сделать меню на подобие как у habrahabr.ru/, у знающих делов минут на десять, я и так и сяк в этом style.css, не выходит, помогите плиз.
avatar

amistad77

  • 01 февраля 2010, 13:47
+
0
отличная работа!
avatar

DarkneZ

  • 01 февраля 2010, 23:13
+
0
Такая проблема: хочу использовать логотип размером 700 px в ширину, при вставке изображения ссылки Блоги Люди О проекте уезжают в правую сторону, т.е. ссылки намертво стоят перед логотипом, как сделать так, чтобы эти ссылки остались на месте?
avatar

amistad77

  • 02 февраля 2010, 12:30
+
0
вот какое у меня 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 }
avatar

amistad77

  • 02 февраля 2010, 12:33
+
0
Всё, сам разобрался, в строку

#header .nav-main { float: left; padding-top: 170px; padding-left: 0px; } добавил margin-left: -100px;
avatar

amistad77

  • 02 февраля 2010, 13:19
+
0
Все сделал как хотел, все исправил, осталась небольшая проблема с 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:

avatar

amistad77

  • 04 февраля 2010, 00:00
+
0
Всё, сам разобрался.Много нового узнал о CSS пока переделывал шаблон ) оказывается не так уж и трудно.
avatar

amistad77

  • 13 февраля 2010, 18:31

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.