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

Шаблоны для LiveStreet

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

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


Доступен для скачивания: http://livestreet.ru/addons/134/

46 комментариев

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

p.s. доступен для скачивания в разделе «Модули»
avatar
Специально, так специально. ИМХО, ничем себя не оправдывающая ошибка.
avatar
для кого-то ошибка. А мне это было красивее чем отступ больше. Не устраивает отступ, тогда какие проблемы? Качайте, меняйте, радуйтесь :) Шаблон делал сам, поэтому и отступы шмотступы делал я на свой вкус и цвет.
avatar
Соглашусь с papa
В целом плохо, и добивает ситуацию кнопка «написать», которая просто не в тему.
Комментарии из цикла «Не нравится не ставь» или «Вместо критики лучше сделай сам» можно не оставлять.
avatar
Спасибо за шаблон, можно в живую посмотреть?
Что-то есть в таком вот здравом минимализме, принцип необходимой достаточности, не останавливайтесь на одном шаблоне!
  • pskk
  • +1
  • ↓
avatar
Спасибо за ваше мнение. В живую, к сожалению, нет возможности показать.
avatar
очень красиво… всегда хотелось чего-то минимального в лс ;-)

  • sn3g
  • +1
  • ↓
avatar
покрутил, повертел и правда что-то не так :)
Заменил кнопку «Написать» и добавил отступов. Архив и скриншот обновлены!
avatar
Только нужно подождать пока обновление пройдет модерацию!
avatar
Тестировалось на: Firefox, Opera
А как же IE?
Понимаю, многие его не любят, но это, как ни крути, лидер :)
avatar
IE умирает, на замену к нему идет FF, который очень быстро набирает обороты.
И кроме этих трех браузеров есть еще море других.
avatar
Это не факт, это предположение.
Открыв статистику любого крупного проекта можно увидеть что интернет-пользователи использующие 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
+100
А по данным SpyLog у ИЕ более 40%: trends.spylog.ru/global-statistic-browsers/

Сам недолюбливаю ИЕ, и рабочим браузером у меня стоит ФФ. Но, кроме него, есть еще Опера, Хром, Сафари. И если делаю сайт, то проверяю его под этой пятеркой браузеров, но в первую очередь — под ИЕ. Потому что юзер не знает моих личных предпочтений, и ходит в инет тем, что ему нравится. Или чего он знает. И до сих пор огромная армия юзеров точно знает, что «Интернет — это синенькая буква Е вот тут на экране».
avatar
а вы слышали про баг, найденный в IE?
avatar
Слышал, ничего страшного, если он есть — его устранят, там есть кому это делать :)
avatar
Просто из-за этого бага, IE запретили в германии, если я ничего не путаю :D
avatar
путаешь
avatar
Не запретили, а посоветовали временно стараться не использовать. И то на уровне рекомендации.
avatar
спасибо за шаблон
  • ekim
  • +1
  • ↓
avatar
ссылка битая можно ли выложить еще раз?
avatar
Сайт переехал на новую версию движка. В связи с этим раздел «Модули», в котором был выложен шаблон, не работает.

Вечером выложу на файлообменник.
avatar
Снова доступен в разделе «Модули» http://livestreet.ru/addons/134/
avatar
подскажите как левый сайдбар сделать правым
avatar
учи css раз занимаешься этим.
1. Заходишь в \css\style.css
2. Ищешь #content и меняешь значение с float: right на float: left
3. Ну и чтобы красиво смотрелось ниже есть #sidebar и у него меняешь с margin-right:5px на margin-left:5px
avatar
Спасибо и еще вопрос или даже пожелание, секунд 20 искал кнопку для написания поста, т.е. слово «Написать», оказалось что для этого служит кнопка со стрелкой, неподготовленный посетитель сайта вообще эту кнопку не найдет и не узнает, что в этот сайт можно «постить».

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

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

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

И подскажите у этого шаблона ширина фиксированая как у WebDo или нет.
avatar
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
*2. на счет ИЕ
avatar
Ок, спасибо, когда переделаю выложу скриншот.
avatar
Да вроде нормально все в IE, думаю любой разработчик в первую очередь должен тестировать шаблон в IE, так как большинство юзеров не опытные и пользуются стандартным браузером своей винды, т.е ie, не все ведь прошаренные, есть домохозяйки всякие которые посещают кулинарные сайты, автомобилист посещающий сайт об автомобилях и т.д., т.е. обычные люди и они даже не слышали об Firefox,Opera, а пользуются ием, что уже установленно в стандартной сборке винды и таких юзеров большинство, вот смотрю сейчас статистику своего сайта через яндекс метрика — у 70 % посетителей IE.
avatar
Делал я на FireFox и делал для себя. Потом уже как-то пошло поехало, задумки и получился такой шаблон. Решил выложить :) Будет время подправлю под ИЕ
avatar
«достаточно зайти в style.css нужного шаблона, найти #container и если ширина будет задана в px(пикселях) значит» — посмотрел, в пикселях, а что будет если я поставлю в %, он станет «резиновым» или еще что то добавить нужно?
avatar
блин, если изменять параметры Generic Blocks и опускать Main Navigation, то в IE ничего не меняется и как то криво все, это полностью style.css надо переделывать?
avatar
для ИЕ и прочих браузеров есть свои css. Какие-то уже добавлены, а какие-то надо самому. Все css, если верить логике, находятся в папке css
avatar
их и меняй
avatar
Ок.
avatar
Все блин, не могу больше, не получается (( Люди добрые помогите сделать меню на подобие как у habrahabr.ru/, у знающих делов минут на десять, я и так и сяк в этом style.css, не выходит, помогите плиз.
avatar
отличная работа!
avatar
Такая проблема: хочу использовать логотип размером 700 px в ширину, при вставке изображения ссылки Блоги Люди О проекте уезжают в правую сторону, т.е. ссылки намертво стоят перед логотипом, как сделать так, чтобы эти ссылки остались на месте?
avatar
вот какое у меня 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
Всё, сам разобрался, в строку

#header .nav-main { float: left; padding-top: 170px; padding-left: 0px; } добавил margin-left: -100px;
avatar
Все сделал как хотел, все исправил, осталась небольшая проблема с 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
Всё, сам разобрался.Много нового узнал о CSS пока переделывал шаблон ) оказывается не так уж и трудно.
avatar
Господа нужна ваша помощь, как можно прикрутить кнопку добавления в избранные в шаблоне topic_list.tpl?
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.