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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (52)


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

Сообщений 901 страница 920 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

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

0

901

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

чтобы сработал псевдоэлемент first-letter?

#navadmin a>span {
  display:inline-block;

}
#navadmin a>span:first-letter {
  font-size:22px;
  color: red!important;
}

+1

902

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

Оформляю профиль. Мне нужно объединить .pa-author и .pa-fld1, чтобы в оформлении между ними не было разрыва.

.pa-author, .pa-fld1 {  background-image: url(http://s8.uploads.ru/YV6zd.jpg);
  border: 1px solid #808080;;
  border-radius: 4px 4px 8px 8px;
  color: #808080;
}
.pa-author{
  border-bottom: 0 none transparent;
}
.pa-fld1 {
  border-top: 0 none transparent;
  margin-top:-7px;
}

Вообще правильнее было бы ставить не бордеры скруглением, а фоновые картинки с якобы бордерами
Причем у .pa-author позиция фона top center ( c обрезанным низом
А у .pa-fld1 - bottom  center ( c обрезанным верхом ( про картинку)

Отредактировано Deff (Сб, 22 Мар 2014 22:20:36)

+1

903

Добрый день.
Мы на форум установили три блока смайлов - Трололокот, Стикеры (блины) и Стикеры (плоды растений). Но все названия так называемых спойлеров почему-то отображаются каждый раз по разному - стоит нажать на первый, как выпадает название последнего.

Форум: http://legend-lf.ru/
Код:

Код:
<div align=center>
<input type="Button" value="Трололокот" onclick="return showhide(this)">
<p style="display:none">

<img src="http://s7.uploads.ru/cGrqX.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/cGrqX.png[/img]')" />
<img src="http://s6.uploads.ru/4TD79.png" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/4TD79.png[/img]')" />
<img src="http://s6.uploads.ru/CA9Jk.png" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/CA9Jk.png[/img]')" />
<img src="http://s6.uploads.ru/OlBYn.png" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/OlBYn.png[/img]')" />
<img src="http://s7.uploads.ru/mvky5.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/mvky5.png[/img]')" />
<img src="http://s7.uploads.ru/mYOsC.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/mYOsC.png[/img]')" />
<img src="http://s7.uploads.ru/aUzNy.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/aUzNy.png[/img]')" />
<img src="http://s7.uploads.ru/re1jl.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/re1jl.png[/img]')" />
<img src="http://s7.uploads.ru/PYpHR.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/PYpHR.png[/img]')" />
<img src="http://s6.uploads.ru/ywUPr.png" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/ywUPr.png[/img]')" />
<img src="http://s7.uploads.ru/kucgP.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/kucgP.png[/img]')" />
<img src="http://s7.uploads.ru/QHyut.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/QHyut.png[/img]')" />
<img src="http://s7.uploads.ru/I0VS9.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/I0VS9.png[/img]')" />
<img src="http://s6.uploads.ru/FKwko.png" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/FKwko.png[/img]')" />
<img src="http://s7.uploads.ru/rSE2X.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/rSE2X.png[/img]')" />
<img src="http://s7.uploads.ru/hAR0c.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/hAR0c.png[/img]')" />
<img src="http://s7.uploads.ru/LyJKh.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/LyJKh.png[/img]')" />
<img src="http://s7.uploads.ru/pugK4.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/pugK4.png[/img]')" />
<img src="http://s7.uploads.ru/9jnXV.png" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/9jnXV.png[/img]')" />
</div>

<script>
function showhide(b){
p = b.parentNode.getElementsByTagName("p")[0]
if(b.value=="Дополнительные смайлы"){
b.value="Скрыть смайлы"
p.style.display="block"}
else{
b.value="Дополнительные смайлы"
p.style.display="none"}
return false}
</script>

<div align=center>
<input type="Button" value="Стикеры (блины)" onclick="return showhide(this)">
<p style="display:none">

<img src="http://vk.com/images/stickers/102/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/102/48.png[/img]')" />
<img src="http://vk.com/images/stickers/103/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/103/48.png[/img]')" />
<img src="http://vk.com/images/stickers/101/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/101/48.png[/img]')" />
<img src="http://vk.com/images/stickers/105/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/105/48.png[/img]')" />
<img src="http://vk.com/images/stickers/126/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/126/48.png[/img]')" />
<img src="http://vk.com/images/stickers/107/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/107/48.png[/img]')" />
<img src="http://vk.com/images/stickers/112/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/112/48.png[/img]')" />
<img src="http://vk.com/images/stickers/113/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/113/48.png[/img]')" />
<img src="http://vk.com/images/stickers/110/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/110/48.png[/img]')" />
<img src="http://vk.com/images/stickers/108/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/108/48.png[/img]')" />
<img src="http://vk.com/images/stickers/111/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/111/48.png[/img]')" />
<img src="http://vk.com/images/stickers/109/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/109/48.png[/img]')" />
<img src="http://vk.com/images/stickers/114/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/114/48.png[/img]')" />
<img src="http://vk.com/images/stickers/115/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/115/48.png[/img]')" />
<img src="http://vk.com/images/stickers/116/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/116/48.png[/img]')" />
<img src="http://vk.com/images/stickers/100/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/100/48.png[/img]')" />
<img src="http://vk.com/images/stickers/119/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/119/48.png[/img]')" />
<img src="http://vk.com/images/stickers/98/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/98/48.png[/img]')" />
<img src="http://vk.com/images/stickers/122/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/122/48.png[/img]')" />
<img src="http://vk.com/images/stickers/117/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/117/48.png[/img]')" />
<img src="http://vk.com/images/stickers/118/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/118/48.png[/img]')" />
<img src="http://vk.com/images/stickers/99/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/99/48.png[/img]')" />
<img src="http://vk.com/images/stickers/125/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/125/48.png[/img]')" />
<img src="http://vk.com/images/stickers/121/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/121/48.png[/img]')" />
<img src="http://vk.com/images/stickers/128/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/128/48.png[/img]')" />
<img src="http://vk.com/images/stickers/104/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/104/48.png[/img]')" />
<img src="http://vk.com/images/stickers/127/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/127/48.png[/img]')" />
<img src="http://vk.com/images/stickers/106/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/106/48.png[/img]')" />
<img src="http://vk.com/images/stickers/120/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/120/48.png[/img]')" />
<img src="http://vk.com/images/stickers/123/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/123/48.png[/img]')" />
<img src="http://vk.com/images/stickers/124/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/124/48.png[/img]')" />
<img src="http://vk.com/images/stickers/97/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/97/48.png[/img]')" />
<img src="" style="cursor: pointer" onclick="smile('[img][/img]')" />
<img src="" style="cursor: pointer" onclick="smile('[img][/img]')" />
</div>

<script>
function showhide(b){
p = b.parentNode.getElementsByTagName("p")[0]
if(b.value=="Стикеры (блины)"){
b.value="Скрыть стикеры"
p.style.display="block"}
else{
b.value="Стикеры (блины)"
p.style.display="none"}
return false}
</script>


<div align=center>
<input type="Button" value="Стикеры (плоды растений)" onclick="return showhide(this)">
<p style="display:none">

<img src="http://vk.com/images/stickers/134/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/134/48.png[/img]')" />
<img src="http://vk.com/images/stickers/140/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/140/48.png[/img]')" />
<img src="http://vk.com/images/stickers/145/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/145/48.png[/img]')" />
<img src="http://vk.com/images/stickers/136/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/136/48.png[/img]')" />
<img src="http://vk.com/images/stickers/143/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/143/48.png[/img]')" />
<img src="http://vk.com/images/stickers/151/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/151/48.png[/img]')" />
<img src="http://vk.com/images/stickers/148/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/148/48.png[/img]')" />
<img src="http://vk.com/images/stickers/144/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/144/48.png[/img]')" />
<img src="http://vk.com/images/stickers/142/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/142/48.png[/img]')" />
<img src="http://vk.com/images/stickers/137/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/137/48.png[/img]')" />
<img src="http://vk.com/images/stickers/135/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/135/48.png[/img]')" />
<img src="http://vk.com/images/stickers/133/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/133/48.png[/img]')" />
<img src="http://vk.com/images/stickers/138/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/138/48.png[/img]')" />
<img src="http://vk.com/images/stickers/156/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/156/48.png[/img]')" />
<img src="http://vk.com/images/stickers/150/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/150/48.png[/img]')" />
<img src="http://vk.com/images/stickers/153/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/153/48.png[/img]')" />
<img src="http://vk.com/images/stickers/149/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/149/48.png[/img]')" />
<img src="http://vk.com/images/stickers/147/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/147/48.png[/img]')" />
<img src="http://vk.com/images/stickers/141/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/141/48.png[/img]')" />
<img src="http://vk.com/images/stickers/159/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/159/48.png[/img]')" />
<img src="http://vk.com/images/stickers/164/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/164/48.png[/img]')" />
<img src="http://vk.com/images/stickers/161/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/161/48.png[/img]')" />
<img src="http://vk.com/images/stickers/130/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/130/48.png[/img]')" />
<img src="http://vk.com/images/stickers/132/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/132/48.png[/img]')" />
<img src="http://vk.com/images/stickers/160/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/160/48.png[/img]')" />
<img src="http://vk.com/images/stickers/146/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/146/48.png[/img]')" />
<img src="http://vk.com/images/stickers/152/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/152/48.png[/img]')" />
<img src="http://vk.com/images/stickers/139/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/139/48.png[/img]')" />
<img src="http://vk.com/images/stickers/155/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/155/48.png[/img]')" />
<img src="http://vk.com/images/stickers/131/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/131/48.png[/img]')" />
<img src="http://vk.com/images/stickers/154/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/154/48.png[/img]')" />
<img src="http://vk.com/images/stickers/162/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/162/48.png[/img]')" />
<img src="http://vk.com/images/stickers/163/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/163/48.png[/img]')" />
<img src="http://vk.com/images/stickers/158/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/158/48.png[/img]')" />
<img src="http://vk.com/images/stickers/167/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/167/48.png[/img]')" />
<img src="http://vk.com/images/stickers/129/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/129/48.png[/img]')" />
<img src="http://vk.com/images/stickers/166/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/166/48.png[/img]')" />
<img src="http://vk.com/images/stickers/168/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/168/48.png[/img]')" />
<img src="http://vk.com/images/stickers/157/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/157/48.png[/img]')" />
<img src="http://vk.com/images/stickers/165/48.png" style="cursor: pointer" onclick="smile('[img]http://vk.com/images/stickers/165/48.png[/img]')" />
</div>

<script>
function showhide(b){
p = b.parentNode.getElementsByTagName("p")[0]
if(b.value=="Стикеры (плоды растений)"){
b.value="Скрыть стикеры"
p.style.display="block"}
else{
b.value="Стикеры (плоды растений)"
p.style.display="none"}
return false}
</script>

Отредактировано Psheni (Вс, 23 Мар 2014 15:22:17)

0

904

Здравствуйте! Не подскажете где найти гифки 50х50, которые часто используют вместо смайлов?

0

905

Лесси
Как же люди обленились. Гугл для кого?

0

906

Fover
искала. и в картинках, и на сайтах. Вводила и "гифки 50 на 50", и "сверхъестественное гифки 50х50", и "гифки для форумов", и "гифки для форумов 50 на 50", и "смайлы gif 50 на 50". Уж и не знаю, что писать! Потому и обратилась сюда. Может кто знает.

Отредактировано Лесси (Вс, 23 Мар 2014 19:50:40)

0

907

А если без "50 на 50" попробовать вводить? Или вам так сильно важно, чтобы их размер был именно "50 на 50"? 8-) Вот по запросу "Смайлы gif" нашел сразу: https://www.google.ru/search?q=смайлы+gif

+1

908

Reysler
спасибо, что посмотрели, но я имела ввиду не колобки, а именно картинки гифки, пример:
http://s3.uploads.ru/2BsTE.gif

0

909

Это категория с картиночным бэкграундом.
http://s8.uploads.ru/NdJv6.png

Код такой:

#pun-main h2 {height: 80px;
background: transparent url("http://s8.uploads.ru/LpTqo.png");
background-repeat: no-repeat;
color: #000;
font-family: impact;
font-size: 1.6em; }

Как в нём настроить положение заголовка категории, чтобы он вписывался в полоску?

0

910

Laktonika

.category h2 span {
display:block;
margin:-12px auto 12px  auto ;
}

регулируем красное, цифры одинаковые,

0

911

Deff
http://god.rusff.ru/
Не могу отцентровать по вертикали... :(

0

912

Laktonika

.category h2 span {
position:absolute;
display:block;
margin:22px auto -22px  45px!important;
}

+1

913

Deff
О, спасиибо большое. Как-то сама про абсолют не додумалась, сдаю позиции.(

0

914

Ай-яй-яй, опять я.
http://god.rusff.ru/
Стоит скрипт и css-настройки "панели", содержащей pun-status item1, item2 и мини-аватар (на гостя стоит скриптом, на пользователя - уменьшенный его собственный аватар). Так вот, этот аватарчик не отображается ни там, ни там.

+ еще по мелочи: не могу в профиле в топиках выделить белым цветом кликабельный ник. :(

+ внизу под белым текстом большое расстояние, не могу убрать.

Отредактировано Laktonika (Пн, 24 Мар 2014 00:26:22)

0

915

Laktonika
Ссылку на пост с проблемой, клик по дате в сообщении

0

916

Deff
http://god.rusff.ru/viewtopic.php?id=27#p721

0

917

Laktonika
Во первых, я не вижу самой таблицы, куда скрипт должен всё вставлять ( он у тьву просто не работает)
то есть должна быть табличка  с двумя ячейками , спозиционированная нужнам макаром
у правой ячейки id = ava-status
У Левой ячейки у тьву вообще пустой селектор в скрипте $("").appendTo(a)
Ну и естественно нет и самой спозиционированной таблицы

Отредактировано Deff (Пн, 24 Мар 2014 00:58:20)

0

918

Deff
Позиции и стиль регулируются css в верхнем окне html.

Этот скрипт ставит аватарки и <br> между словами ваш последний визит и датой визита

<div id="html-footer" class="section">
<div class="container"><script type="text/javascript">
var img = document.createElement('img');
var UserAvatar = UserAvatar;
if( ! UserAvatar )
img.src = 'http://i.imgur.com/Zjdhy.png';
else
img.src = UserAvatar;

$("td#ava-status").html(img);
var a=$("#pun-status .container");a.html(a.html().replace('или ','или<br />'))
var a=$("#pun-status .container");a.html(a.html().replace('Ваш последний визит: ','Последний визит:<br>'))
$("").appendTo(a)
</script>

Отредактировано Laktonika (Пн, 24 Мар 2014 01:05:10)

0

919

1. Вот это вообще не пришей коровк хвост
<div id="html-footer" class="section">
<div class="container">

2 .  Нет картинки => http://i.imgur.com/Zjdhy.png
3. Нужна табличка в HTML верх нужным образом спозиционированная - поставь ей красные бордеры и отпозиционируй

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

Этот скрипт ставит аватарки и <br> между словами ваш последний визит и датой визита

Нет - он преобразует - вытаскивает Привет ...и т.д из контейнера статуса и должен вставить в таблицу

0

920

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

2 .  Нет картинки => http://i.imgur.com/Zjdhy.png

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

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

3. Нужна табличка в HTML верх нужным образом спозиционированная - поставь ей красные бордеры и отпозиционируй

А можно без таблички? Приветствие у меня полностью отпозиционировано блоками, переделывать не хочется, блоками удобнее.
Ты мне лучше скажи, почему все-таки нигде нет аватарчика и как его отдельно от всего остального (чтобы не трогать) присобачить...

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (52)