Перейти к содержимому



Красивые форма и вывод комментариев

#1 Lanindes
Lanindes
  • Неактивные
  • 50 сообщений
  • Репутация: 2
0

Обновлено 18 июня 2013 - 16:34  Отправлено 17 июня 2013 - 14:59

Ребята,подскажите,как можно сделать более лучшим вид комментариев и форму ввода? Смотрю по блогам везде так классно, а у меня стандартный несчастный вид. Помогите кто может. Блог www.lanindes.ru

 

 

  • 0

#2 html-ka
html-ka
  • Неактивные
  • 455 сообщений
  • Репутация: 82

Отправлено 17 июня 2013 - 16:44

поищи плагины вывода комментариев или измени стиль стандартного
  • 0

#3 Lanindes
Lanindes
    Topic Starter
  • Неактивные
  • 50 сообщений
  • Репутация: 2

Отправлено 17 июня 2013 - 17:01

Плагинами не очень хочется, а со стилями я не очень то знаюсь :)
  • 0

#4 html-ka
html-ka
  • Неактивные
  • 455 сообщений
  • Репутация: 82

Отправлено 17 июня 2013 - 17:03

ну так покажи что ты хочешь, глядишь кто и поможет :)
  • 0

#5 Lanindes
Lanindes
    Topic Starter
  • Неактивные
  • 50 сообщений
  • Репутация: 2

Отправлено 17 июня 2013 - 17:18

Вот такие варианты мне нравятся, это же в стилях делается?Изображение
Изображение
Изображение
Третий вариант мне болье всего нравится....наверно я наивный сильно :)
  • 0

#6 html-ka
html-ka
  • Неактивные
  • 455 сообщений
  • Репутация: 82

Отправлено 17 июня 2013 - 17:21

да, ты можешь позаимствовать код из шаблонов тех сайтов на которых видел их :)
  • 0

#7 Lanindes
Lanindes
    Topic Starter
  • Неактивные
  • 50 сообщений
  • Репутация: 2

Отправлено 17 июня 2013 - 17:27

если б знать, какой у них шаблон
  • 0

#8 html-ka
html-ka
  • Неактивные
  • 455 сообщений
  • Репутация: 82

Отправлено 17 июня 2013 - 17:30

Ctrl + U никто не отменял
  • 0

#9 tolam
tolam
  • Неактивные
  • 2 сообщений
  • Репутация: 1

Отправлено 17 июня 2013 - 17:44

наверно, ему стоит объяснить куда именно повзаимствованный код в ВП ставить)))


  • 0

#10 Lanindes
Lanindes
    Topic Starter
  • Неактивные
  • 50 сообщений
  • Репутация: 2

Отправлено 17 июня 2013 - 17:54

да-да :) объясните неразумному на примере сайта http://inetsovety.ru
  • 0

#11 html-ka
html-ka
  • Неактивные
  • 455 сообщений
  • Репутация: 82

Отправлено 17 июня 2013 - 18:58

ты ссылки на сайты кинь, с которых скрины делал )))))
  • 0

#12 Lanindes
Lanindes
    Topic Starter
  • Неактивные
  • 50 сообщений
  • Репутация: 2

Отправлено 17 июня 2013 - 19:30

ну так я ссылку одного сайта и кинул в предыдущем сообщении
  • 0

#13 html-ka
html-ka
  • Неактивные
  • 455 сообщений
  • Репутация: 82

Отправлено 17 июня 2013 - 20:14

/*-------------------- Top commentators ---------------------*/
.top-comment {
	height:100%;
}
.top-comment table {
	min-height: 100%;
	height:100%;border:none;
}
.top-comment table td {
	padding:5px 5px 15px 5px;border:none;
}
.top-comment .avatar-top img {
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	padding: 3px;
	background: white;
	border-image: initial;
	border: 1px solid #D0D0BB;
	margin: 0 0 3px 0;
}
.top-comment .avatar-comment {
	font-size: 12px; display:block;line-height:1em;margin-top:1px;width:50px;
}
.wp-polls ul li {
background: none !important;
padding: 4px 0 3px !important;
font-size: 12px !important;
border: none !important;
}
.wp-polls-ans p {
float: left;
}
/*-----------------------------------Комментарии----------------------------*/
.byuser {
background-color: #FF6518 !important; color: #0A32FF ;
}
.bypostauthor {background-color: #93FFCB !important; color: #0A32FF;}
.comment-author-Vika {background-color: #FF6518 !important; color:#FFFFFF;}
.commentlist {
list-style-type: none;
margin: 0;
padding: 0;
}
.children {
margin: 10px  0 0 10px; list-style-type: none;
}
.commentlist .comment {
margin: 0 0 15px 0;
padding: 8px 13px;
background-color: #fdfdfd;
border: #0c84a6 1px solid;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
.commentlist .avatar {
float: right;
margin: 0 0 5px 5px;
border: #6dbafc 1px solid;
}
#author, #email, #url, #comment {
margin: 0 5px 0 5px;
padding: 5px 15px;
background-color: #fff !important;
border: #afafaf 1px solid;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#submit {
display:inline-block;
background: url("images/add_comment.png") no-repeat;
width: 208px;
height: 37px;
border: none;
float: left;
}
#comment {
margin-top: 25px;
width: 400px;
height: 90px;
padding-right: 6px;
}
#respond{
font-size: 14px;
float: left;
}
#comments, #respond h3 {
font-size: 15px; color: #333;
}
a#cancel-comment-reply-link {
font-weight: bold;
}
#commentform strong {
font-weight: normal;
}
#commentform>p>div>label {
position: relative;
top: 7px;
}
.comment-rules {
color: #555555;
margin-left: 12px;
position: relative;
top: 9px;
}
h3.bold {
font-weight: bold;
}
p.inputrules {
float: left;
width: 100%;
}
.votescount {
width: 100%;
float: left;
margin: 0 0 -10px;
}
.fb-like {
float: left !important;
width: 135px !important;
}
#vk_like {
float: left !important;
clear: none !important;
width: 115px !important;
}
.twitter-share-button {
margin-left: 60px;
width: 100px !important;
float: left !important;
}
.nolix {
width: 100%;
float: left;
margin: -2px 0 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
margin: 0 0 5px 10px;
}
.comment-meta {
position: relative;
top: -18px;
left: 0px;
}
.comment-meta a {
display: block;
margin: 0 0 -17px;
}
.comment-author {
padding-left: 130px;
}
.navalignright {
float: right;
width: 49%;
text-align: right;
}
.navalignleft {
float: left;
width: 49%;
}
.navigation {
width: 100%;
float: left;
}
.comment-body {
position: relative;
}
.comment-body>br {
display: none;
}
.comment-awaiting-moderation {
position: absolute;
top: 17px;
left: 0;
}
ну и кнопка http://inetsovety.ru...add_comment.png
  • 1

#14 Lanindes
Lanindes
    Topic Starter
  • Неактивные
  • 50 сообщений
  • Репутация: 2

Отправлено 18 июня 2013 - 13:31

html-ka,Спасибо большое за помощь :)
  • 0

#15 html-ka
html-ka
  • Неактивные
  • 455 сообщений
  • Репутация: 82

Отправлено 18 июня 2013 - 16:25

получилось?
  • 1

#16 Lanindes
Lanindes
    Topic Starter
  • Неактивные
  • 50 сообщений
  • Репутация: 2

Отправлено 18 июня 2013 - 16:34

да, код проверял - то что нужно работает..немного под себя переделаю размеры и цвета чуть позже
  • 0

robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 48 3 темы, 7 сообщений, 2 балла репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография SergiuS85
    #3

    SergiuS85
    Очков активности: 12 2 темы, 2 сообщения, 1 балл репутации

  • Фотография WGN
    #4

    WGN (worldgamenews.com)
    Очков активности: 12 1 тема, 5 сообщений, 1 балл репутации

  • Фотография Totti
    #5

    Totti
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Фотография kuztoday
    #6

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография Zevss
    #7

    Zevss (domles43.ru)
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография Sale_account
    #8

    Sale_account
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография Megoydagi
    #9

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Фотография mkreine
    #10

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru