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

Поделиться1Сб, 5 Апр 2014 15:43:50

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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


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

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

+3

Поделиться41Пт, 11 Апр 2014 11:46:45

Автор: Великий создатель
Заслуженный
Зарегистрирован: Вс, 27 Май 2012
Сообщений: 25
Уважение: +1
Позитив: +2
Пол: Женский
Последний визит:
Чт, 19 Июн 2014 22:44:09

Fover
Забыла открыть T_T

0

Поделиться42Пт, 11 Апр 2014 12:01:06

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

Великий создатель
А что не так? Все работает)

0

Поделиться43Пт, 11 Апр 2014 12:06:46

Автор: Великий создатель
Заслуженный
Зарегистрирован: Вс, 27 Май 2012
Сообщений: 25
Уважение: +1
Позитив: +2
Пол: Женский
Последний визит:
Чт, 19 Июн 2014 22:44:09

Fover
http://support.rusff.me/viewtopic.php?id=2473
Я установила этот скрипт :3
Вопрос, кнопочку "демо" вижу только я ?о.о

0

Поделиться44Пт, 11 Апр 2014 12:23:41

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Сегодня 21:00:54

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

Отредактировано Deff (Пт, 11 Апр 2014 12:24:04)

0

Поделиться45Пт, 11 Апр 2014 12:24:23

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

Великий создатель
Нет, все.

0

Поделиться46Пт, 11 Апр 2014 12:26:19

Автор: Великий создатель
Заслуженный
Зарегистрирован: Вс, 27 Май 2012
Сообщений: 25
Уважение: +1
Позитив: +2
Пол: Женский
Последний визит:
Чт, 19 Июн 2014 22:44:09

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

Fover
Я зашла через мозиллу, там кнопка демо не отображается Т.Т
А возможно ли её убрать?

Отредактировано Великий создатель (Пт, 11 Апр 2014 12:29:28)

0

Поделиться47Пт, 11 Апр 2014 12:29:26

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

Великий создатель
Скрипт деффа, думаю он лучше поймет проблему.
Но сейчас видно, что кнопка скрыта (если она вообще есть).
Сижу с хрома, http://winxtestforum.mybb.ru/viewtopic.php?id=1#p11 - без всяких кнопок html в постах отлично работает.

0

Поделиться48Пт, 11 Апр 2014 14:32:30

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Сегодня 21:00:54

Великий создатель
Мне нужна ссылка на Ваш пост с Вашей проблемой , на Вашем форуме!
Если кнопка "Демо" не нужна - убираем код вставки Демо в коде HTML

Отредактировано Deff (Пт, 11 Апр 2014 14:34:02)

0

Поделиться49Пт, 11 Апр 2014 18:45:44

Автор: кот-бегемот
Заслуженный
Зарегистрирован: Пт, 11 Апр 2014
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пт, 13 Июн 2014 18:32:02

добрый день
экспериментирую с css и столкнулся с небольшой проблемой, которую все же хочу решить
на скрине все показано, но на словах добавлю:
нужно сузить фон под #pun .tcr (в .tclcon все подогнал и стало красиво, а в четвертом столбце не могу)

Отредактировано кот-бегемот (Вс, 20 Апр 2014 16:56:45)

0

Поделиться50Пт, 11 Апр 2014 22:24:43

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Сегодня 21:00:54

кот-бегемот
Во втором Окне уберите красное:

#pun .tcr {color: #7b7b7b;
background-color: #f6faff;
margin: -10px;
border: 0px;
border-left: 1px #cce5e7;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

0

Поделиться51Пт, 11 Апр 2014 22:32:38

Автор: кот-бегемот
Заслуженный
Зарегистрирован: Пт, 11 Апр 2014
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пт, 13 Июн 2014 18:32:02

Deff
и это уже пробовал, без изменений

0

Поделиться52Пт, 11 Апр 2014 23:20:15

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Сегодня 21:00:54

кот-бегемот написал(а):

и это уже пробовал, без изменений

#pun .tcr {color: #7b7b7b;
background-color: #f6faff;
margin: 0!important;
border: 0px;
border-left: 1px #cce5e7;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

Тогда так!

0

Поделиться53Пт, 11 Апр 2014 23:29:51

Автор: кот-бегемот
Заслуженный
Зарегистрирован: Пт, 11 Апр 2014
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пт, 13 Июн 2014 18:32:02

Deff
и это, увы, не помогает)

0

Поделиться54Сб, 12 Апр 2014 01:46:34

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

кот-бегемот
В html-низ:

<script type="text/javascript">$('.punbb .main .hasicon .tcr').wrapInner('<div class="cont"></div>');</script>

Во втором окне стиля меняем это:

#pun .tcr {color: #7b7b7b;
background-color: #f6faff;
margin: 0!important;
border: 0px;
border-left: 1px #cce5e7;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

На это:

#pun .tcr .cont {
color: #7b7b7b;
background-color: #f6faff;
border: 0px;
border-left: 1px #cce5e7;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
padding: 10px;
}

0

Поделиться55Сб, 12 Апр 2014 01:54:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Сегодня 21:00:54

кот-бегемот
Красное убрать, синее добавить!

/* C2.14 */
.punbb td div.tclcon {
margin-left: 40px;
color: #7b7b7b;
background-color: #f6faff;
font-size: 9px;
font-family: cambria;
width: 80%;
text-transform: uppercase;
text-align: justify;
line-height: 10px;
border: 0px;
border-left: 1px #cce5e7;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
padding: 0 10px ;
}

А сюда добавить

#pun .tcl,
#pun .tcr {color: #7b7b7b;
background-color: #f6faff;
margin: 0!important;
border: 0px;
border-left: 1px #cce5e7;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

Отредактировано Deff (Сб, 12 Апр 2014 01:56:17)

0

Поделиться56Сб, 12 Апр 2014 11:18:20

Автор: кот-бегемот
Заслуженный
Зарегистрирован: Пт, 11 Апр 2014
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пт, 13 Июн 2014 18:32:02

Deff
и снова нет %-)
Fover
а это помогло, большое спасибо!

0

Поделиться57Сб, 12 Апр 2014 14:09:34

Автор: кот-бегемот
Заслуженный
Зарегистрирован: Пт, 11 Апр 2014
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пт, 13 Июн 2014 18:32:02

еще столкнулся с проблемой - прописываю в /* C3.7 */ размер и шрифт (подгруженный через хтмл - с названиями подфорумов все работает), однако все без изменений в профиле - ник остается с теми же параметрами, что и были. в чем проблема?

0

Поделиться58Сб, 12 Апр 2014 16:34:50

Автор: Sheepard
Заслуженный
Зарегистрирован: Сб, 12 Апр 2014
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Пт, 10 Апр 2015 14:15:52

Здравствуйте.
Скажите, пожалуйста, существует ли возможность прописать шапку в css так, чтобы изображение на ней менялось при обновлении страницы? Знаю, что такое возможно в html. Но там кажется меняется не сама шапка.

0

Поделиться59Сб, 12 Апр 2014 23:27:31

Автор: Великий создатель
Заслуженный
Зарегистрирован: Вс, 27 Май 2012
Сообщений: 25
Уважение: +1
Позитив: +2
Пол: Женский
Последний визит:
Чт, 19 Июн 2014 22:44:09

Deff
Я криворукая, нужно убрать этот кусок?

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

//ТРАНСФОРМАЦИЯ КОНТЕКСТА CODE_BOX в HTML код//
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ //Мы в Теме;
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
var DemoButt0='<p align="left"><button onclick="$(this).parents(\'.htmldemo\').next().toggle();">DEMO</button></p>';
var DemoButton='<p align="left"><button onclick="Demo_HTML($(this))">DEMO</button></p>';
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).after(DemoButton);//alert($(this).text())
}
});

});

Отредактировано Великий создатель (Сб, 12 Апр 2014 23:28:35)

0

Поделиться60Вс, 13 Апр 2014 17:48:29

Автор: Никаниэль
Заслуженный
Зарегистрирован: Пн, 6 Авг 2012
Сообщений: 33
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Чт, 19 Июн 2014 13:37:58

Здравствуйте.
Как в шапке сделать, скажем так, небольшое окно с текстом? И для того, чтобы текст этот находился на каком-то фоне, то фон этот рисуется в шапке в фотошопе? пример: http://sapphirelotus.rusff.ru/

0

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

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

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

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