Общие вопросы по оформлению (54)

Поделиться1Сб, 11 Окт 2014 02:04:50

Автор: Fover
Лови мой ритм
Зарегистрирован: Вт, 19 Мар 2013
Сообщений: 2332
Уважение: +397
Позитив: +48
Пол: Мужской
Последний визит:
Вт, 13 Сен 2016 16:58:18

Предыдущая тема: Общие вопросы по оформлению (53)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

0

Поделиться361Вс, 16 Ноя 2014 23:33:30

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

exodius написал(а):

Добрый вечер. Скажите, как увеличить расстояние между рамкой профиля и началом текстовых сообщений ( http://savepic.ru/6310299.png ) и сделать так, чтобы рамка профиля не обрезалась? http://ostwind.rusff.ru

o.O А зачем Вам столь широкий профилище - при узком заполнении текстом ?

0

Поделиться362Пн, 17 Ноя 2014 01:45:52

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Джедай 2011 написал(а):

Deff
Скрипты от пользователей 1
Я ставил не то... у меня как было при дизайнере - см пост 346 . Вместо звезды сама картинка была в каждом форуме В зависимости от того скока форумов в одном разделе столько картинок было одинаковых и мерцали когда был новый ответ на форуме.. мерцали одинаково как верхняя картинка в предыдущем посте... !!!

Вы криво ставили -там три места установки всех кодов!
Поставьте снова и отпишитесь

0

Поделиться363Пн, 17 Ноя 2014 02:00:55

Автор: Layla
Заслуженный
Зарегистрирован: Чт, 22 Май 2008
Сообщений: 32
Уважение: 0
Позитив: +3
Последний визит:
Чт, 7 Янв 2016 23:20:34

Помогите, плиз, понять, в чем причина косяка:

Форум: http://hogtest.witchforum.ru/

0

Поделиться364Пн, 17 Ноя 2014 02:10:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Layla
Поясните подробней - что смущает, что нужно убрать...
Большой бордюр у кнопок снизу ? И пиар-вход наладьте - иначе Вашу форму ответа не увидеть

0

Поделиться365Пн, 17 Ноя 2014 02:14:51

Автор: Layla
Заслуженный
Зарегистрирован: Чт, 22 Май 2008
Сообщений: 32
Уважение: 0
Позитив: +3
Последний визит:
Чт, 7 Янв 2016 23:20:34

Deff, ступенчатость верхней и нижней границ смущает. Хочется чтобы было ровно.

Открыла Новый форум в первой категории для гостей, теперь должна быть видна форма ответа.

UPD: вопрос больше не актуален, сама разобралась.)

Отредактировано Layla (Пн, 17 Ноя 2014 02:17:53)

0

Поделиться366Пн, 17 Ноя 2014 02:29:54

Автор: Слонка
Заслуженный
Зарегистрирован: Чт, 28 Июн 2012
Сообщений: 21
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Пн, 11 Янв 2016 13:40:44

Deff написал(а):

Джедай 2011 написал(а):
Deff
Скрипты от пользователей 1
Я ставил не то... у меня как было при дизайнере - см пост 346 . Вместо звезды сама картинка была в каждом форуме В зависимости от того скока форумов в одном разделе столько картинок было одинаковых и мерцали когда был новый ответ на форуме.. мерцали одинаково как верхняя картинка в предыдущем посте... !!!
Вы криво ставили -там три места установки всех кодов!
Поставьте снова и отпишитесь

сложно разобраться что чего хочет, я поняла это так, скрипты писать не умею, только коды или стиль, вышло длинно, протестировала у себя

адрес картинок заменяется на свои, inew - новые сообщения

вставлять HTML верх или HTML низ, у меня везде сработало

Свернутый текст

Код:

<style>
.punbb  table div.icon {
  width: 100px; 
  height: 100px;
  }

.punbb #pun-category1 table Div.icon {
  background-image: url(http://sa.uploads.ru/t/u8l1x.gif); 
  }

.punbb #pun-category1 TR.inew Div.icon {
  background-image: url(http://sa.uploads.ru/t/5sldZ.gif); 
  }

.punbb #pun-category2 table Div.icon {
  background-image: url(http://sa.uploads.ru/t/u8l1x.gif); 
  }

.punbb #pun-category2 TR.inew Div.icon {
  background-image: url(http://sa.uploads.ru/t/5sldZ.gif); 
  }

.punbb #pun-category3 table Div.icon {
  background-image: url(http://sa.uploads.ru/t/u8l1x.gif); 
  }

.punbb #pun-category3 TR.inew Div.icon {
  background-image: url(http://sa.uploads.ru/t/5sldZ.gif); 
  }

.punbb #pun-category4 table Div.icon {
  background-image: url(http://sa.uploads.ru/t/u8l1x.gif); 
  }

.punbb #pun-category4 TR.inew Div.icon {
  background-image: url(http://sa.uploads.ru/t/5sldZ.gif); 
  }

.punbb #pun-category5 table Div.icon {
  background-image: url(http://sa.uploads.ru/t/u8l1x.gif); 
  }

.punbb #pun-category5 TR.inew Div.icon {
  background-image: url(http://sa.uploads.ru/t/5sldZ.gif); 
  }

.punbb #pun-category6 table Div.icon {
  background-image: url(http://sa.uploads.ru/t/u8l1x.gif); 
  }

.punbb #pun-category6 TR.inew Div.icon {
  background-image: url(http://sa.uploads.ru/t/5sldZ.gif); 
  }

.punbb #pun-category7 table Div.icon {
  background-image: url(http://sa.uploads.ru/t/u8l1x.gif); 
  }

.punbb #pun-category7 TR.inew Div.icon {
  background-image: url(http://sa.uploads.ru/t/5sldZ.gif); 
  }

.punbb #pun-category8 table Div.icon {
  background-image: url(http://sa.uploads.ru/t/u8l1x.gif); 
  }

.punbb #pun-category8 TR.inew Div.icon {
  background-image: url(http://sa.uploads.ru/t/5sldZ.gif); 
  }

.punbb #pun-category9 table Div.icon {
  background-image: url(http://sa.uploads.ru/t/u8l1x.gif); 
  }

.punbb #pun-category9 TR.inew Div.icon {
  background-image: url(http://sa.uploads.ru/t/5sldZ.gif); 
  }

.punbb #pun-category10 table Div.icon {
  background-image: url(http://sa.uploads.ru/t/u8l1x.gif); 
  }

.punbb #pun-category10 TR.inew Div.icon {
  background-image: url(http://sa.uploads.ru/t/5sldZ.gif); 
  }

.punbb #pun-category11 table Div.icon {
  background-image: url(http://sa.uploads.ru/t/u8l1x.gif); 
  }

.punbb #pun-category11 TR.inew Div.icon {
  background-image: url(http://sa.uploads.ru/t/5sldZ.gif); 
  }
</style>

Отредактировано Слонка (Пн, 17 Ноя 2014 02:34:14)

0

Поделиться367Пн, 17 Ноя 2014 02:57:50

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Слонка
1. Проверьте Код на тестовике: Скрипты от пользователей 1
2. Новых сообщений Автор не видит, если только заходить с иного ника или поставить код для показа "новых сообщений", см в последних скриптах
3. Там есть какая-то мигалка при новых сообщениях, можно поставить свою

0

Поделиться368Пн, 17 Ноя 2014 05:32:40

Автор: Gorgon-sama
Заслуженный
Зарегистрирован: Ср, 2 Июн 2010
Сообщений: 111
Уважение: +6
Позитив: +6
Последний визит:
Ср, 19 Ноя 2014 03:02:33

Здравствуйте!

Помогите, пожалуйста, исправить пару косяков в оформлении)

http://thepurgetest.rusff.ru/

1) эти ссылки не работают - отображаются как просто текст

2) нужно поправить низ рамочки, чтобы она ровно огибала профиль

3) нужно сдвинуть текст вправо - сейчас с левой стороны он почти наползает на рамку, а справа много пустого места

4) что-то страшное со страницей переадресации

0

Поделиться369Пн, 17 Ноя 2014 11:29:26

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Gorgon-sama написал(а):

4) что-то страшное со страницей переадресации

Есть скрипт для отладки с примерами кода:

Gorgon-sama написал(а):

2) нужно поправить низ рамочки, чтобы она ровно огибала профиль

Типовые Вопросы п.п.57

Gorgon-sama написал(а):

3) нужно сдвинуть текст вправо - сейчас с левой стороны он почти наползает на рамку, а справа много пустого места

Сузьте фоны под рамку в Пункте 2 третий запрос отпадёт сам

Gorgon-sama написал(а):

1) эти ссылки не работают - отображаются как просто текст

1. Приводите ссылку на конкретную страницу с проблемой, ибо на разных - могут быть разные косяки! Приводите полный скриншот со стрелками, там два места таких ссылок! Проверил в Опере - у меня работает! Какой браузер и ссылку на страницу

0

Поделиться370Пн, 17 Ноя 2014 22:09:08

Автор: Хаями
Заслуженный
Зарегистрирован: Пт, 4 Апр 2008
Сообщений: 67
Уважение: +7
Позитив: +22
Последний визит:
Пт, 31 Мар 2023 18:30:19

Подскажите, пожалуйста, где настраивается шрифт и его размеры при наборе текста сообщения в форме ответа? Или просто - как его уменьшить?
Почему выезжает за рамки я понимаю. Но можно исправить этот косяк, проявляющийся в ЛС не переписывая код начисто? Может, сдвинуть именно эти пункты. Или еще какой-нибудь лайфхак?
http://sa.uploads.ru/8tEPf.jpg
Заранее спасибо большое за отклик

ссылка http://edgecrossover.rusff.ru/

Отредактировано Хаями (Пн, 17 Ноя 2014 23:42:19)

0

Поделиться371Вт, 18 Ноя 2014 05:07:39

Автор: Gorgon-sama
Заслуженный
Зарегистрирован: Ср, 2 Июн 2010
Сообщений: 111
Уважение: +6
Позитив: +6
Последний визит:
Ср, 19 Ноя 2014 03:02:33

http://thepurgetest.rusff.ru/

Deff написал(а):

Сузьте фоны под рамку в Пункте 2 третий запрос отпадёт сам

Сузила, но содержимое осталось на месте. Нужно именно сдвинуть вправо текст.

Deff написал(а):

Типовые Вопросы п.п.57

В том-то и дело, что именно этот скрипт стоит. Но рамка неправильно отображается, и я не могу это исправить.

0

Поделиться372Вт, 18 Ноя 2014 05:14:09

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Gorgon-sama
Выложите полную картинку рамки, не разрезая

0

Поделиться373Вт, 18 Ноя 2014 05:17:46

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Хаями написал(а):

Подскажите, пожалуйста, где настраивается шрифт и его размеры при наборе текста сообщения в форме ответа? Или просто - как его уменьшить?
Почему выезжает за рамки я понимаю. Но можно исправить этот косяк, проявляющийся в ЛС не переписывая код начисто? Может, сдвинуть именно эти пункты. Или еще какой-нибудь лайфхак?
http://sa.uploads.ru/8tEPf.jpg
Заранее спасибо большое за отклик

ссылка http://edgecrossover.rusff.ru/

Отредактировано Хаями (Вчера 23:42:19)

Вот скок можно делать этих дурацких тестов! Браузер переносит по словам, где у Вас там в тесте разделения по словам ?

0

Поделиться374Вт, 18 Ноя 2014 06:01:36

Автор: Gorgon-sama
Заслуженный
Зарегистрирован: Ср, 2 Июн 2010
Сообщений: 111
Уважение: +6
Позитив: +6
Последний визит:
Ср, 19 Ноя 2014 03:02:33

Deff написал(а):

Выложите полную картинку рамки, не разрезая

0

Поделиться375Вт, 18 Ноя 2014 06:11:58

Автор: Fover
Лови мой ритм
Зарегистрирован: Вт, 19 Мар 2013
Сообщений: 2332
Уважение: +397
Позитив: +48
Пол: Мужской
Последний визит:
Вт, 13 Сен 2016 16:58:18

Хаями
Можно. В стиль:

#pun-messages .post-content {
word-wrap: break-word;
width: 300px;
}

Красным - ширина блока с контентом сообщения.

Отредактировано Fover (Вт, 18 Ноя 2014 06:13:31)

+1

Поделиться376Вт, 18 Ноя 2014 07:25:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Gorgon-sama написал(а):

и

Уберите старые коды обрамления профиля, походу теперь их у Вас в текущем уже два стоит,
Потом поставьте в конец Первого Окна стиля:

/*Фон мини-профиля в Топике*/
.punbb #pun-main .post .post-author {
background:url(http://sa.uploads.ru/zg21P.png) 0 0 repeat-y!important; /*Фон размножаемый по вертикали*/
overflow: visible!important;
padding:0!important;
margin:12px 0!important;
}
.punbb #pun-main .post .post-author > ul {
background:url(http://sa.uploads.ru/CtsHp.png) 0 top no-repeat,url(http://sa.uploads.ru/elm3D.png) 0 bottom no-repeat; /*Фон верха - низа*/
margin:-12px 0 -12px 0!important;
padding:12px 17px!important;
}

и поправьте в Первом окне пункт:

/* B1.1 */
.punbb .post-content {
padding: 13px;
margin: 0;
width: 100%;
overflow: hidden;
}

0

Поделиться377Вт, 18 Ноя 2014 07:42:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Gorgon-sama
Да, еще, замените картинки в скрипте HTML низ

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='http://funkyimg.com/i/JLHu.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='http://funkyimg.com/i/JLHt.png' />"}
}
</script>

Ибо у Вас там ненужный прибабах внизу картинки, а лучше ещё и замените скрипт на новый - ибо этот глючит с некоторыми иным скриптами, см тут Скрипты от пользователей 3

0

Поделиться378Вт, 18 Ноя 2014 09:33:27

Автор: Gorgon-sama
Заслуженный
Зарегистрирован: Ср, 2 Июн 2010
Сообщений: 111
Уважение: +6
Позитив: +6
Последний визит:
Ср, 19 Ноя 2014 03:02:33

Deff
Благодарю, все как надо)

0

Поделиться379Вт, 18 Ноя 2014 12:24:43

Автор: sunmi
Стремящийся
Зарегистрирован: Вт, 18 Ноя 2014
Сообщений: 5
Уважение: 0
Позитив: 0
Последний визит:
Вс, 10 Май 2015 23:50:40

как редактировать эти кнопки?

нужно изменить цвет и форму, нигде не могу найти параметры

0

Поделиться380Вт, 18 Ноя 2014 12:41:58

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

sunmi
Ничо не понятно, дайте ссылку на ресурс, - где они стоят - и желателен пиар ник , дабы видеть форму ответа
И что нужно в итоге - изобразите эскиз

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Общие вопросы по оформлению (54)

Сообщений 361 страница 380 из 1000

Поделиться1Сб, 11 Окт 2014 02:04:50

Поделиться361Вс, 16 Ноя 2014 23:33:30

Поделиться362Пн, 17 Ноя 2014 01:45:52

Поделиться363Пн, 17 Ноя 2014 02:00:55

Поделиться364Пн, 17 Ноя 2014 02:10:01

Поделиться365Пн, 17 Ноя 2014 02:14:51

Поделиться366Пн, 17 Ноя 2014 02:29:54

Поделиться367Пн, 17 Ноя 2014 02:57:50

Поделиться368Пн, 17 Ноя 2014 05:32:40

Поделиться369Пн, 17 Ноя 2014 11:29:26

Поделиться370Пн, 17 Ноя 2014 22:09:08

Поделиться371Вт, 18 Ноя 2014 05:07:39

Поделиться372Вт, 18 Ноя 2014 05:14:09

Поделиться373Вт, 18 Ноя 2014 05:17:46

Поделиться374Вт, 18 Ноя 2014 06:01:36

Поделиться375Вт, 18 Ноя 2014 06:11:58

Поделиться376Вт, 18 Ноя 2014 07:25:32

Поделиться377Вт, 18 Ноя 2014 07:42:12

Поделиться378Вт, 18 Ноя 2014 09:33:27

Поделиться379Вт, 18 Ноя 2014 12:24:43

Поделиться380Вт, 18 Ноя 2014 12:41:58