Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Где описание проблемы:
1. Взят отсюда http://yraaa.ru/scripts/vid-kommentariev-kak-na-yraaa
2.каким должен быть
3.Пробюлема, ничего не изменилось
4. Поставив код с сайта урааа, мой ьвид комментария, не изменился.
Смотрите второй шаг - Вставьте ниже в Таблицу стилей (CSS), вы не установили стили вовсе, как я проверил, если установить стили все работает как положено, у вас в таблице стилей стилей к комментариям я вовсе не увидел.
Вижу их здесь - http://grandmods.ru/style/palm.css а что за бред вначале вы добавили:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>�����</title> <link rel="stylesheet" href="http://htmlbook.ru/mysite.css"> <link rel="stylesheet" href="http://www.htmlbook.ru/main.css"> </head> <body> <h1>���������</h1> <p>�����</p> </body> </html>
удалите его так как из-за этого и стили не применяются, на будущее, запомните, что в таблицу стилей HTML код ставить нельзя.
Пожалуйста, ответьте что я не так сделал с комментариеми.
И как сделать так чтобы иконки в новостях менялись со цветовой палитрой сайта.
Установите стили:
.comment_over {margin-top:20px;padding-bottom:15px;border-bottom:1px solid #dedede} .comment {display:table;width:100%;} .comment_avatar {display:table-cell;vertical-align:top;width:64px;padding-right:15px} .comment_message {display:table-cell;vertical-align:top;text-align:left} .comment_rate {display:table-cell;vertical-align:top;text-align:center;width:80px} .comment_top {padding-top:2px;padding-bottom:7px;font-size:17px;line-height:20px} .comment_top a {text-decoration:none;color:#6c6c6c} .comment_top .comm_time {font-size:12px;color:#9c9c9c;display:inline-block;padding-left:10px} .comment_message_in {font-size:15px} .comment_over:hover .comment_answer_button a {display:inline-block} .comment_over:hover .c_rate_plus a, .comment_over:hover .c_rate_minus a {display:block} .comment_answer_button {margin-top:10px;height:24px} .comment_answer_button a {display:none;color:#666;font-size:13px;text-decoration:none;background:#efefef;padding:3px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} .comment_answer_button a:hover {color:#1d1d1d;text-decoration:none;background:#eaeaea;} .c_minus, .c_ziro, .c_plus {width:38px;padding:3px 0px;font-size:13px;text-align:center;font-weight:bold;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px} .c_minus {background:#ffcccc;color:#cc0000} .c_ziro {background:#cccccc;color:#FFF} .c_plus {background:#ccffcc;color:#009900} .c_rate_t {display:table;height:24px} .c_rate_plus {display:table-cell;vertical-align:top;width:22px;} .c_rate_minus {display:table-cell;vertical-align:top;width:22px;} .c_rate_count {display:table-cell;vertical-align:top;width:46px;padding-left:3px;text-align:center} .c_rate_plus a {width:18px;height:18px;display:none;color:rgba(0,0,0,0);font-size:0px;background:url('http://yraaa.ru/files/like.png');margin-top:3px;opacity:0.5;position:absolute} .c_rate_minus a {width:18px;height:18px;display:none;color:rgba(0,0,0,0);font-size:0px;background:url('http://yraaa.ru/files/unlike.png');margin-top:3px;margin-left:-5px;opacity:0.5;position:absolute} .c_rate_plus a:hover, .c_rate_minus a:hover {opacity:1}
в общий файл стилей, не в /style/palm.css у вас здесь много ошибок, и извините, вы не слышите меня, я уже не знаю как к вам достучаться так как вы не выполняете что вам рекомендуют, после пишите что все сделали, но на самом деле не сделали.
За вас я ничего не сделаю, по палитрам, это вам к фрилансерам - https://upartner.pro/ пусть вам иконки нарисуют и все организуют.
Почему кнопки переключения страниц конфликтуют с комментариями, когда я добваляю в /style/palm.css
код кнопок
/*========Buttons to switch pages========*/ .swchItem { color:#478223; border:1px solid #B2D397; background:#F7FAF4; } .swchItemA, .swchItem { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:6px 9px!important; margin-left:3px; text-decoration:none; position: relative; top: 20px; } .swchItemA, .swchItem:hover { font-weight:normal; color:#fff; text-shadow:0px 1px #4E802C; box-shadow:0px 1px #EDEDED; -webkit-box-shadow:0px 1px #EDEDED; -moz-box-shadow:0px 1px #EDEDED; border:1px solid #478223; background:#599F2F; background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F); background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F);} /*========End========*/
Сейчас все сделал более менее нормально как по мне, и все работает через /style/palm.css .