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

Поделиться1Чт, 21 Апр 2016 16:38:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Сегодня 10:21:25

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


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

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

+1

Поделиться981Сб, 16 Июл 2016 11:54:04

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7622
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 11:04:34

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

я так и сделала.. но оно имело меня в виду

:canthearyou: Ничо не понял...

0

ВКонтакте alex__63

Поделиться982Сб, 16 Июл 2016 12:02:04

Автор: swanwhite213
Заслуженный
Зарегистрирован: Вс, 14 Июн 2015
Сообщений: 150
Уважение: +29
Позитив: +132
Пол: Женский
Последний визит:
Сб, 12 Мар 2022 22:22:34

не появился копирайт))

0

Поделиться983Сб, 16 Июл 2016 12:06:38

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7622
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 11:04:34

swanwhite213
:glasses: Цвет пропишите свой (*и красное уберите

<br>
<span style="color:#FFFEFF; font-family:Book Antiqua; font-size:16px;filter:dropshadow(color=#F6BA00, offx=1, offy=1);"><center>© Тут Ваш текст
<br>
При использовании любого материала с нашего сайта- ссылка обязательна!</center></span>
<br>
</div>

+1

ВКонтакте alex__63

Поделиться984Сб, 16 Июл 2016 12:08:08

Автор: swanwhite213
Заслуженный
Зарегистрирован: Вс, 14 Июн 2015
Сообщений: 150
Уважение: +29
Позитив: +132
Пол: Женский
Последний визит:
Сб, 12 Мар 2022 22:22:34

чичас..
ух ты!))) как это умудрился цвет текста совпасть с цветом фона))) всё отлично!

Отредактировано swanwhite213 (Сб, 16 Июл 2016 12:24:22)

0

Поделиться985Сб, 16 Июл 2016 12:09:01

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2186
Пол: Мужской
Последний визит:
Сегодня 12:16:00

swanwhite213

Цвет поменяйте и будет видно.

+1

Поделиться986Сб, 16 Июл 2016 12:17:23

Автор: swanwhite213
Заслуженный
Зарегистрирован: Вс, 14 Июн 2015
Сообщений: 150
Уважение: +29
Позитив: +132
Пол: Женский
Последний визит:
Сб, 12 Мар 2022 22:22:34

да, я уже поняла)))

0

Поделиться987Вс, 17 Июл 2016 06:47:41

Автор: swanwhite213
Заслуженный
Зарегистрирован: Вс, 14 Июн 2015
Сообщений: 150
Уважение: +29
Позитив: +132
Пол: Женский
Последний визит:
Сб, 12 Мар 2022 22:22:34

а можно вопросик по замене фона предосмотра тем, я чтот в скрипте не нашла? мне б черненький сменить на шоколадный 663333

0

Поделиться988Вс, 17 Июл 2016 07:00:24

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Сегодня 10:21:25

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

а можно вопросик по замене фона предосмотра тем, я чтот в скрипте не нашла? мне б черненький сменить на шоколадный 663333

Ссылку на скрипт тут, на поддержке, и на форум с установкой, пока невкурил о чём речь, сделайте скриншот, ткните стрелкой

0

Поделиться989Вс, 17 Июл 2016 10:28:11

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7622
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 11:04:34

swanwhite213
В стиле к скрипту меняйте красное(цвет) на нужный:

<style type="text/css">
#prosmotr { position: absolute; z-index:1000; filter: alpha(opacity=90); opacity: 0.9;
font-size: 12px; background-color: black; color: white;
border: 2px solid #ccc; max-width:600px; margin:-7% 10%;
-moz-border-radius: 8px; border-radius: 8px; khtml-border-radius:8px; -webkit-border-radius:8px;
background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
table-layout: auto !important;}
#tema td {padding:1px !important; border: none !important;}
.visor img {max-width:50px !important;}
.visor object, .visor embed {width:250px !important; height:141px !important}
</style>

0

ВКонтакте alex__63

Поделиться990Вс, 17 Июл 2016 10:56:46

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

Привет!
От гостя не работает код обтекания картинки
http://greenrpg.ru/viewtopic.php?id=4274#p291561
от пользователя все нормально.
Как пофиксить?

0

Поделиться991Вс, 17 Июл 2016 11:10:45

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7622
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 11:04:34

Иса
Перенесите скрипт обтекания в HTML низ (он у Вас в форме ответа)

0

ВКонтакте alex__63

Поделиться992Вс, 17 Июл 2016 11:11:10

Автор: Reina_Avart
Заслуженный
Зарегистрирован: Чт, 9 Июн 2016
Сообщений: 276
Уважение: +32
Позитив: +76
Пол: Женский
Последний визит:
Чт, 31 Янв 2019 10:12:03

Иса

Я использую этот на форуме. Работает. Но стоит вверху.

код

Код:

<!--// CSS-версия обтекания изображений в Постах //--> 
  <style>.postimg[alt="float:right"]{float:right;padding-left:12px}.postimg[alt="float:left"]{float:left;padding-right:12px} 
  #add_float{position:absolute;padding:2px;top:-8px;left:50%;margin-left:-29px!important;width:57px!important;background: url("http://savepic.ru/7021157.png") no-repeat 50%!important;} 
  #button-image #add_float img{display:block;position:relative;z-index:4;} 
  #button-image>img{position:relative;z-index:2;} 
  #button-image>center{opacity:0;visibility:hidden; transition-duration: .8s;} 
  #button-image:hover>center{opacity:1; visibility:visible;} 
  </style> 
  <script>$(function(){$('.postimg[title="float:right"],.postimg[title="float:left"]').mouseover(function(e){e.preventDefault();}); 
  var a ='<center style="position:relative;"><table id=add_float><tr><td id="text-left" title="Обтекание: текст слево">@@</td><td></td><td id="text-right" title="Обтекание: текст справо">##</td></tr></table></center>',b3="]'"; 
  var b1 = '<img onclick="bbcode(\'[img=float:right'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>',b2 = '<img onclick="bbcode(\'[img=float:left'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>'; 
  a = a.replace('@@',b1).replace('##',b2); 
  $('#post #button-image').prepend(a);}); 
  </script>

Отредактировано Reina_Avart (Вс, 17 Июл 2016 11:12:31)

+1

Поделиться993Вс, 17 Июл 2016 11:16:52

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7622
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 11:04:34

Reina_Avart
Ну да, ток под него придется править все уже существующие посты с обтеканием, что не Айс

0

ВКонтакте alex__63

Поделиться994Вс, 17 Июл 2016 11:40:03

Автор: Reina_Avart
Заслуженный
Зарегистрирован: Чт, 9 Июн 2016
Сообщений: 276
Уважение: +32
Позитив: +76
Пол: Женский
Последний визит:
Чт, 31 Янв 2019 10:12:03

Alex_63
Видимо. Но поставила его в начале создания форума и этот момент меня миновал.

Отредактировано Reina_Avart (Вс, 17 Июл 2016 11:40:14)

+1

Поделиться995Вс, 17 Июл 2016 13:57:11

Автор: Трамп
Заслуженный
Зарегистрирован: Пт, 30 Дек 2011
Сообщений: 76
Уважение: +5
Позитив: +18
Пол: Женский
Последний визит:
Ср, 30 Окт 2024 19:20:51

Добрый день.
Сайт: http://bredbredbred.3bb.ru/

чот я настолько криворук, что не пойму почему у меня категории не встают и шапка. хДД

Код:

/*Категория*/
#pun-main h2 {
  padding: 0.4em 1em;
  height: 60px;
  border: none;
  text-align: center;
  background: url(http://savepic.ru/10537600.png) transparet  scroll no-repeat center !important;
}

#pun-title TABLE {
        background: url(http://savepic.ru/10537600.png) transparet  scroll no-repeat center !important;
  border: none;
  height: 350px;
  width: 100%

Отредактировано Трамп (Вс, 17 Июл 2016 13:57:49)

0

Поделиться996Вс, 17 Июл 2016 13:59:26

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7622
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 11:04:34

Трамп

/*Категория*/
#pun-main h2 {
padding: 0.4em 1em;
height: 60px;
border: none;
text-align: center;
background: url(http://savepic.ru/10537600.png) transparent scroll no-repeat center !important;
}

#pun-title TABLE {
background: url(http://savepic.ru/10537600.png) transparent scroll no-repeat center !important;
border: none;
height: 350px;
width: 100%;
}

0

ВКонтакте alex__63

Поделиться997Вс, 17 Июл 2016 14:00:34

Автор: Reina_Avart
Заслуженный
Зарегистрирован: Чт, 9 Июн 2016
Сообщений: 276
Уважение: +32
Позитив: +76
Пол: Женский
Последний визит:
Чт, 31 Янв 2019 10:12:03

Использую баннер под вкладкой

Верх

Код:

<!-скрытие баннеров-->
<link rel="stylesheet" type="text/css" href="http://i.rusff.ru/f/ru/rusff/spoiler_banner.css" />

Низ

Код:

<!--Баннеры скрытые-->
<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><h2>Другие баннеры</h2></div><div id="spoiler4">
Тут баннеры
<br /></div></div>
<br><Br>

Получаю

А хочется, чтобы "Другие баннеры" были таким же заголовком и внутри с фоном как и "Наши друзья". "Другие баннеры" белые внутри.

Как банеры в "наши друзья" центрировать?

Отредактировано Reina_Avart (Вс, 17 Июл 2016 14:02:44)

0

Поделиться998Вс, 17 Июл 2016 14:03:48

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11216
Уважение: +7622
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 11:04:34

Reina_Avart
В HTML верх

<style type="text/css">
#spo_all {margin: 0 auto 0 auto;}
#spo_top {border: 0px solid; color: #000; font-weight: bold; font-family: "Courier New", Courier, monospace; font-size: 12px; margin: 8px auto 0 auto;
padding: 0px; height: 28px; cursor: pointer;}
#spoiler4 { background: #transparent; border: 1px dotted #000; border-top: 0; padding: 4px; margin: 0 auto 8px auto; display:none;}
#spo_option { font-weight:bold; cursor:pointer; float:left;}
#spo_desc { float:right;}
</style>

В HTML низ

<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="$('#spoiler4').slideToggle(250)"><h2><span>Другие баннеры</span></h2></div>
<div id="spoiler4"><center>
Тут баннеры
<br /></center></div></div>

(* Посмотрел скрин - чичас поправлю > (*Поправил!
(* Еще Поправил ...

+1