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

Поделиться1Вс, 16 Окт 2016 20:11:31

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 00:41:57

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


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

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

+3

ВКонтакте alex__63

Поделиться401Ср, 30 Ноя 2016 15:59:45

Автор: Barns
Заслуженный
Зарегистрирован: Чт, 1 Сен 2016
Сообщений: 43
Уважение: +2
Позитив: +18
Последний визит:
Вт, 6 Дек 2016 14:52:27

Как в боковой колонке поставить рейтинг по средине ? А так он правеее от центра получается.

Введите здесь ваше объявление.

</div></div></div><center><table width="100%" ><tr><td id="sidebar">
Здесь можно поставить что-то крутое

<script type="text/javascript">
$(document).ready(function(){
$('#pun').find('#userhero').map(function(){
$('#heroes').tipsy({live: true,gravity: 'e',fade: true});
$.get('/userlist.php?username=&show_group=-1&sort_by=respect','',processRespect);
function processRespect(data){
$(data).find('div.usertable tbody tr:lt(10)').each(function(){
var JUser=$(this).find('span.usersname').text();
var ulink=$(this).find('span.usersname a').attr('href');
var UsId=ulink.slice(ulink.indexOf('id=')+3);
var UsPlus=$(this).find('td.tc3:first').text();
var numPlus=Number(UsPlus)/2;
$.get('/profile.php?section=avatar&id='+UsId,'',GetImg);
function GetImg(data) {
$(data).find('td#profile-left li div, div.fs-box').map(function () {
var ZAva = $(this).find('img').attr('src');
if (ZAva == undefined) {ZAva = 'http://petushki-city.ru/files/0002/10/47/50167.gif'};
$('#userhero').append('<tr><td width="3%" style="padding: 0;"><a href="'+ulink+'" style="padding-left: 15px;text-decoration: none;"><img id="heroes" style="border:1px solid #696969;border-radius: 7px 0 0 7px;margin: 3px 0 -2px 5px;padding: 3px;" src="/'+ZAva+'" width="26" height="26" original-title="'+JUser+'"></a></td></td><td><h1 style="background:#FF8C00;border-radius: 0 9px 9px 0;box-shadow: 20px 0 15px #40310A inset;color: #fff;font-size: 1em;font-weight: bold;height: 20px;margin-top: 2px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );width:'+numPlus+'px !important;"> '+UsPlus+' </h1></td></tr>');
});};});};});});
</script>
<table id="userhero" cellpadding="0" cellspacing="0" ></table>

</td><td style="padding: 0px;"><div><div><div>

Отредактировано Barns (Ср, 30 Ноя 2016 16:16:24)

0

Поделиться402Ср, 30 Ноя 2016 18:56:32

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 00:41:57

Barns
Ссылку на форум! Ибо тут телепатов нет

0

ВКонтакте alex__63

Поделиться403Чт, 1 Дек 2016 15:58:37

Автор: Heidi
Заслуженный
Зарегистрирован: Пн, 30 Мар 2009
Сообщений: 168
Уважение: +2
Позитив: +56
Пол: Женский
Последний визит:
Чт, 16 Фев 2017 18:25:29

Здравствуйте! Возникла проблема. На форуме стоит скрипт информации, которая отображается при наведении на аватар и скрипт, который устанавливает стандартно аватар у тех, у кого нет. Так вот, проблема в том, что они конфликтуют.
Вот скрин:
http://uploads.ru/qjMOd.jpg
Можно ли как-то решить проблему?
И вот скрипты на всякий пожарный.

Информация при наведении на аватар

<style type="text/css">
.pa-avatar>div{
position:relative;
z-index:20;
display:inline-block;
margin: auto;
padding:0;
}
.pa-avatar>div>img{
position:absolute;
top:0;left:0;
z-index:-2;
}
.pa-avatar>div>span{
margin:4px;
padding:2px 6px;
display:block;
border:3px #3d2121; /*Цвет верхнего бордера*/
border-style:dotted none none none;
background-image:url("http://forumstatic.ru/files/0012/25/85/30745.png"); /*Цвет перекрывающего фона*/
opacity:0;
transition: opacity 0.6s;
}
.pa-avatar:hover>div>span{
opacity:1.0;
}
.pa-avatar>div>span a{
color:#3d2121; font-size:14px;/*Цвет ccылок*/
}
.pa-avatar>div>span a:hover{
color:#472727;font-size:14px; /*Цвет ccылок при наведении*/
text-decoration:none;
}
</style>

<script type="text/javascript">
$(function(){$('.pa-avatar').each(function(){
var that =$(this).parents('.post-author').find('.ava-wrp::first'),
a = $(this).find('img:first');
if(a.length&&that.length){
b = that.parents('li[class^="pa-fld"]'),
h = a.height(),w=a.width(),
c = a.wrap('<div style="width:'+w+'px;height:'+h+'px;"></div>').parent();
c.prepend('<span style="max-width:100%;height:'+(h-3*2-10)+'px;">'+b.remove().html()+'</span>');
}
});});
</script>

Аватар по-умолчанию

<script type="text/javascript">
var DefAvtr = 'http://forumstatic.ru/files/0016/f0/ce/41228.png'; //Ссылка на аватар по умолчанию

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
var L='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';
if($(this).parent().find('.pa-avatar').html()==null)$(this).after(L);});
$('#profile-left strong:contains("Нет аватара")').parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

0

Поделиться404Чт, 1 Дек 2016 16:20:56

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 00:41:57

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

0

ВКонтакте alex__63

Поделиться405Чт, 1 Дек 2016 21:40:38

Автор: Ches
Заслуженный
Зарегистрирован: Чт, 18 Мар 2010
Сообщений: 61
Уважение: +3
Позитив: +14
Пол: Мужской
Последний визит:
Вт, 18 Сен 2018 15:58:54

Здравствуйте! Нашел еще одну проблему, что мозолит мне глаза.
Ссыль. Как можно сузить часть, что выделена красным, и расширить часть, что выделена зеленым?
http://namvnebo.ru/

0

Поделиться406Пт, 2 Дек 2016 07:59:49

Автор: Kasatka
Заслуженный
Зарегистрирован: Вс, 27 Дек 2015
Сообщений: 69
Уважение: +22
Позитив: +41
Пол: Женский
Последний визит:
Чт, 20 Фев 2020 18:13:43

Подскажите,пожалуйста,можно ли изменить ширину (высоту) шапки форума?
И как это сделать?
Хотелось бы увеличить ее. http://showmania.bbon.ru/

0

Поделиться407Пт, 2 Дек 2016 17:52:35

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 00:41:57

Ches
Найдите в Первом Окне стилей

/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
margin-left: 30px;
font-family: 'Georgia', serif;
font-size: 12px;
width: 75%;
}

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 16%;
}

/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: left;
width: 30%;
}
}

Красное (лишняя закрывающая скобка) - удалить, синее - отрегулировать(соотв-но ширина левой и правой колонок)

+1

ВКонтакте alex__63

Поделиться408Пт, 2 Дек 2016 17:54:40

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 00:41:57

Kasatka
Ну у Вас шапка стоит картинкой, от нее и зависит высота => http://forumstatic.ru/files/0016/ce/d7/75246.jpg

+1

ВКонтакте alex__63

Поделиться409Сб, 3 Дек 2016 11:00:47

Автор: Kasatka
Заслуженный
Зарегистрирован: Вс, 27 Дек 2015
Сообщений: 69
Уважение: +22
Позитив: +41
Пол: Женский
Последний визит:
Чт, 20 Фев 2020 18:13:43

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

Kasatka
Ну у Вас шапка стоит картинкой, от нее и зависит высота => http://forumstatic.ru/files/0016/ce/d7/75246.jpg

фуф!!! ничего у меня не получается(((http://showmania.bbon.ru/
вот это наша шапка

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

Код:

<img id="Logo" src="http://f19.ifotki.info/org/d96f20bf0e55a202cf80ed9ba99ea05bb289fe231773392.png" width=100%>
<style type="text/css">
#pun-title{
display:none;
}
#Logo {
margin: -1.1% 0 -79px 0;
padding-bottom: 80px!important;
background-clip: border-box;
}
 
#pun-navlinks,
#pun-ulinks {
position:relative;z-index:100;
}
</style>
<script type="text/javascript">
$('#Logo').prependTo('#pun_wrap');
</script>

я увеличила картинку вот она

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

http://www.imgonline.com.ua/result_img/ … xFv4gO.jpg

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

0

Поделиться410Сб, 3 Дек 2016 11:16:39

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Вчера 21:48:14

Kasatka
Ну ссылку то на картинку замените

Код:

<img id="Logo" src="http://www.imgonline.com.ua/result_img/imgonline-com-ua-piconpic-0YGekJxFv4gO.jpg" width=100%>
<style type="text/css">
#pun-title{
display:none;
}
#Logo {
margin: -1.1% 0 -79px 0;
padding-bottom: 80px!important;
background-clip: border-box;
}
 
#pun-navlinks,
#pun-ulinks {
position:relative;z-index:100;
}
</style>
<script type="text/javascript">
$('#Logo').prependTo('#pun_wrap');
</script>

шапка прекрасно увеличивантся

Отредактировано ACT3255 (Сб, 3 Дек 2016 11:18:46)

0

Поделиться411Сб, 3 Дек 2016 11:22:41

Автор: Kasatka
Заслуженный
Зарегистрирован: Вс, 27 Дек 2015
Сообщений: 69
Уважение: +22
Позитив: +41
Пол: Женский
Последний визит:
Чт, 20 Фев 2020 18:13:43

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

шапка прекрасно увеличивантся

у меня между шапкой и форумом появляется какая-то зеленая полоса...и картинка по верху обрезается...

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

Отредактировано Kasatka (Сб, 3 Дек 2016 11:23:38)

0

Поделиться412Сб, 3 Дек 2016 11:24:15

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Вчера 21:48:14

Kasatka
ну Вы шапку поставьте (новую) и тогда уже можно посмотреть как убрать эту самую полоску, так то её не видно...

0

Поделиться413Сб, 3 Дек 2016 11:27:31

Автор: Kasatka
Заслуженный
Зарегистрирован: Вс, 27 Дек 2015
Сообщений: 69
Уважение: +22
Позитив: +41
Пол: Женский
Последний визит:
Чт, 20 Фев 2020 18:13:43

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

Kasatka
ну Вы шапку поставьте (новую) и тогда уже можно посмотреть как убрать эту самую полоску, так то её не видно...

вот здесь поставила новую шапку http://httpss.mybb.ru/

0

Поделиться414Сб, 3 Дек 2016 11:30:30

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Вчера 21:48:14

Kasatka
Попробуйте

Код:

<img id="Logo" src="http://www.imgonline.com.ua/result_img/imgonline-com-ua-piconpic-0YGekJxFv4gO.jpg" width=100%>
<style type="text/css">
#pun-title{
display:none;
}
#Logo {
margin: -4.1% 0 -79px 0;
padding-bottom: 80px!important;
background-clip: border-box;
}
 
#pun-navlinks,
#pun-ulinks {
position:relative;z-index:100;
}
</style>
<script type="text/javascript">
$('#Logo').prependTo('#pun_wrap');
</script>

У Вас там было прописано:

Код:

background:green url(http://sd.uploads.ru/YMQxK.png) repeat-x bottom left;

Отредактировано ACT3255 (Сб, 3 Дек 2016 11:34:29)

+2

Поделиться415Сб, 3 Дек 2016 11:35:12

Автор: Kasatka
Заслуженный
Зарегистрирован: Вс, 27 Дек 2015
Сообщений: 69
Уважение: +22
Позитив: +41
Пол: Женский
Последний визит:
Чт, 20 Фев 2020 18:13:43

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

Попробуйте

Получилось! Получилось!!!
полоска исчезла!!!
Большое Вам спасибо!!! :love:

0

Поделиться416Сб, 3 Дек 2016 11:36:30

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Вчера 21:48:14

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

Получилось! Получилось!!!
полоска исчезла!!!
Большое Вам спасибо!!!

Пожалуйста, попробуйте на основном (там ведь предпологалась замена?) мож ещё что вылезет.

0

Поделиться417Сб, 3 Дек 2016 11:39:40

Автор: Kasatka
Заслуженный
Зарегистрирован: Вс, 27 Дек 2015
Сообщений: 69
Уважение: +22
Позитив: +41
Пол: Женский
Последний визит:
Чт, 20 Фев 2020 18:13:43

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

Пожалуйста, попробуйте на основном (там ведь предпологалась замена?) мож ещё что вылезет.

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

0

Поделиться418Сб, 3 Дек 2016 11:41:30

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Вчера 21:48:14

Kasatka
Чем смогу... я ток учусь, Alex_63, Deff точно помогут :cool:

Отредактировано ACT3255 (Сб, 3 Дек 2016 11:44:27)

+2

Поделиться419Сб, 3 Дек 2016 14:00:19

Автор: lon_don_don
Заслуженный
Зарегистрирован: Пт, 8 Янв 2016
Сообщений: 87
Уважение: +13
Позитив: +52
Последний визит:
Сб, 29 Июл 2017 23:03:27

Добрый день!
Помогите разобраться, почему увеличенное фото не выскакивает на тех что подчеркнуты? С остальными все нормально)

0

Поделиться420Сб, 3 Дек 2016 18:55:43

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Сегодня 00:41:57

lon_don_don
Добавьте куда-нибудь в стили

.instawood {
position:relative;
z-index:555;
}

+1

ВКонтакте alex__63

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

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

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

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

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

Сообщений 401 страница 420 из 1000

Поделиться1Вс, 16 Окт 2016 20:11:31

Поделиться401Ср, 30 Ноя 2016 15:59:45

Поделиться402Ср, 30 Ноя 2016 18:56:32

Поделиться403Чт, 1 Дек 2016 15:58:37

Поделиться404Чт, 1 Дек 2016 16:20:56

Поделиться405Чт, 1 Дек 2016 21:40:38

Поделиться406Пт, 2 Дек 2016 07:59:49

Поделиться407Пт, 2 Дек 2016 17:52:35

Поделиться408Пт, 2 Дек 2016 17:54:40

Поделиться409Сб, 3 Дек 2016 11:00:47

Поделиться410Сб, 3 Дек 2016 11:16:39

Поделиться411Сб, 3 Дек 2016 11:22:41

Поделиться412Сб, 3 Дек 2016 11:24:15

Поделиться413Сб, 3 Дек 2016 11:27:31

Поделиться414Сб, 3 Дек 2016 11:30:30

Поделиться415Сб, 3 Дек 2016 11:35:12

Поделиться416Сб, 3 Дек 2016 11:36:30

Поделиться417Сб, 3 Дек 2016 11:39:40

Поделиться418Сб, 3 Дек 2016 11:41:30

Поделиться419Сб, 3 Дек 2016 14:00:19

Поделиться420Сб, 3 Дек 2016 18:55:43