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

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

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


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Оформление, скрипты, правки стиля - Tusich


Оформление, скрипты, правки стиля - Tusich

Сообщений 161 страница 180 из 795

161

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

у нас же не релатив там стоит, да и ничего не изменилось с этим параметром.

Вообще то я не зря это поставил - это ограничивает внутренний блок, который в абсолюте - иначе он будет гулять отталкиваясь от вышестоящего вплоть до всей страницы... Для того, чтобы абсолют ставить надо понимать как это работает..

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

#BlogTable .post-content {position:absolute;width: 60%;top:40px;right:-40px;} этот параметр тоже сдвинут все посты в первый ))) его тоже убрала и вроде нормально стало.

Аналогично читай выше... Я в абсолют поставил, бо у тебя стоит так:

<div class="raz">Здесь минипрофиль (аватар)</div>
<div class="dva">Здесь комментарий</div>

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

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

width: 60% выровнял комментарии, но на главной, где пост с читать далее, там он сдвинулся влево

Попробуй такой класс добавить: #BlogTable .left_cnt .post-content
К слову сказать эти параметры:

#BlogTable .post-content {
    width: 60%;
    top: 40px;
    right: -40px;
}

Абсолютного позиционирования, поэтому применять без позиционирования стоит аккуратно.. Ну, раз так получилось, ну и хорошо..

0

162

kolobdur74
вот смотри, я поставила всё как ты мне сказал в предыдущем посте :)
сдвинулось всё, что можно и на главной и в постах.

раз не зря ставил абсолют, давай плясать от этого :)

0

163

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

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

Помнишь inherit:))

.post-box {
    position: inherit! important;
    overflow: visible !important;
}

Вот оно и уехало, так как импортант в данном случае перебил, надо и здесь импортант ставить: #BlogTable .post-box {position:relative;} Вообще наверное убери его - давай все таки, через инлайн попробуем:

Код:
#BlogTable .left_cnt .post-author, #BlogTable .left_cnt .post-body {display:inline-block;}

Это вместо:

#BlogTable .post-box {position:relative;}
#BlogTable .post-content {position:absolute;width: 60%;top:40px;right:-40px;}

Отредактировано kolobdur74 (Чт, 9 Фев 2017 15:07:09)

0

164

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

Помнишь inherit:))

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

0

165

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

вот оно и всплыло ))) мне его сейчас убрать или оставить?

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

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

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

Ну, тут можно задать ширину - сейчас они ровно охватывают написанный текст - то бишь больше текста ширее будет.. Попробуй добавить:

Код:
#BlogTable .left_cnt .post-body {width:60%;}

И порегулировать ширину..

Отредактировано kolobdur74 (Чт, 9 Фев 2017 15:18:07)

0

166

kolobdur74
не тут-то было ))) если оставить ту же ширину комменты выравниваются, а пост левее встаёт. увеличиваешь ширину, пост встаёт нормально, комменты как и раньше вниз сдвигаются ))))

0

167

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

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

Правка для поста:

Код:
#BlogTable .left_cnt .blogs-post .post-body {width: 100%;}

0

168

kolobdur74
правку сделала. но я не могу понять, почему так комментарии сделаны, не задействован справа большой кусок, причём кнопки удалить, редактировать именно там и находятся.
а мы не можем сделать зеркально первому посту? останется всё как есть, только ширина комментариев вместе с аватаром будет на ту же 100% ширину. получится, что в первом посте текст слева, аккаунт справа, а в комментах текст справа, аккаунт слева, но всё это на одной ширине. или для комментов и формы ответа вообще другой диз делать как на главной, чтобы по ширине комментария было 60%, а не 100%.

мне без разницы, главное, чтобы это выглядело по человечески )))) и тебе легче :)

0

169

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

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

Потому что разбито по ячейкам)) Ну, и кроме того - это же изврат от форума - нормально на скриптах и css без изменений НТМЛ сделать крайне сложно..

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

а мы не можем сделать зеркально первому посту? останется всё как есть, только ширина комментариев вместе с аватаром будет на ту же 100% ширину. получится, что в первом посте текст слева, аккаунт справа, а в комментах текст справа, аккаунт слева, но всё это на одной ширине. или для комментов и формы ответа вообще другой диз делать как на главной, чтобы по ширине комментария было 60%, а не 100%.

Ну, если справа аккаунт, то попробуй так:

Код:
#BlogTable .left_cnt .post .post-author {float: right;}
Tusich написал(а):

мне без разницы, главное, чтобы это выглядело по человечески )))) и тебе легче

Ну, я не знаю, что такое по человечески :D  - я стараюсь сделать, чтобы с наименьшими нарушениями логики сделать))

0

170

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

Ну, если справа аккаунт, то попробуй так:

не, не это имела ввиду.

вот смотри на скрин, сейчас все комментарии и форма ответа и само название "комментарии" и "комментировать запись" левее, чем первый пост. можноь ли выровнять по ширине первого поста всё это дело?

Отредактировано Tusich (Пн, 13 Фев 2017 06:03:29)

0

171

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

вот смотри на скрин, сейчас все комментарии и форма ответа и само название "комментарии" и "комментировать запись" левее, чем первый пост. можноь ли выровнять по ширине первого поста всё это дело?

Ты имеешь ввиду по отношению к форме ответа?

Кстати, тут написал министатью по поводу приоритетов в CSS: Предложения по редакции Информационного раздела и Справочника ))

0

172

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

Ты имеешь ввиду по отношению к форме ответа?

по отношению ко всему посту с комментами и с формой ответа.

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

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

Кстати, тут написал министатью по поводу приоритетов в CSS

и всё из-за моего любимого important  :D я учту ))

0

173

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

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

Я все равно не понимаю)) Нарисуй как должно быть...

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

и всё из-за моего любимого important   я учту ))

Да, на самом деле я много еще больших любителей встречал)))

0

174

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

Нарисуй как должно быть...

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

сейчас это выглядит в хроме вот так

Отредактировано Tusich (Чт, 9 Фев 2017 17:18:24)

0

175

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

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

Ну, попробуй так:

Код:
#BlogTable #viewcomments, #BlogTable #post-form {width: 1140px;}

+1

176

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

Ну, попробуй так:

ТЫ ГЕНИЙ  :yep:
:cool: всё сразу встало на свои места! отлично :)
глянь, пожалуйста скрипт Ромыча, я боюсь его уже спрашивать про музыку ))))))))))))) ну даже при том, что поставлен адрес нового плеера, всё равно не работает. у меня в скриптах вверху и внизу стоит. я не могу понять, почему он не работает.

0

177

kolobdur74
поправить надо, у меня не получается ничего
с предыдущего моего поста первый скрин. там сам текст комментариев всё равно остался на своём месте, а не как на скрине.
это можно подправить?

0

178

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

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

Попробуй поставить такой вариант скрипта в НТМЛ низ, вместо оригинала:

Код:
<!--дополнительные медиахостинги v.2 © Romych-->
<script type="text/javascript">
$(function(){
var media2 = ['kiwi.kz',
'rutv.ru',
'soundcloud.com',
'purevolume.com',
'livestream.com',
'pleer.com',
'pleer.net',
'video.jampo.tv',
'yapfiles.ru',
'realmusic.ru',
'1plus1.ua',
'jamendo.com',
'mail.ru',
'instagram.com',
'embedpleer.net'];
 
$('.media_link img').tipsy({live: true,gravity: 's',fade: true});
$('#video-area-hsel').addClass('media-t1');
$('#video-area').prepend('<div id="media-wrapper"><ul class="media-tabs tabs1"><li class="media-t1 tab-current"><a>Первый список</a></li><li class="media-t2"><a>Второй список</a></li></ul><br><div class="media-t2"></div></div><br>');
$.each(media2, function(i) {
$('#video-area div.media-t2').append('<a class="media_link" href="javascript:void(0)"> <img style="padding: 5px;" alt="'+media2[i]+'" title="'+media2[i]+'" src="https://plus.google.com/_/favicon?domain='+media2[i]+'"> </a>');
});
$('#video-area div.media-t2').append('<br><br><div id="video-area-tcon2"><div id="video-area-thd2">Вставьте  iframe-код медиафайла (аудио, видео)</div><textarea id="video-area-tinp2" onclick="this.select();"></textarea><div id="video-area-msg2" style="margin: 0.5em 0;padding: 0.3em;"></div></div><div id="video-area-actions2"><a class="frame_host" href="javascript:void(0)" >Вставить</a>  <a onclick="changeVisibility(\'video-area\'); return false;"href="#">Закрыть</a></div>');
 
$('a.frame_host').click(function(e){
var self = $('#video-area-tinp2');
          setTimeout(function(e) {
          var paste = $(self).val();
          paste = paste.replace(/'/gi, '"');
  var frm = [];
if(paste.indexOf('param name="movie"') !=-1){
          frm = paste.split(/param name=\"movie\" value=\"(.*?)\"/i);
        }
if((paste.indexOf('<iframe') !=-1) || (paste.indexOf('<embed')!=-1)){
          frm = paste.split(/src=\"(.*?)\"/);
        }
if(paste.indexOf('data=') !=-1) {
          frm = paste.split(/data=\"(.*?)\"/);
        }
if(frm[1].slice(frm[1].indexOf('.swf')+4).length<=2){
var fls = paste.split(/param name=\"flashvars\" value=\"(.*?)\"/i);
frm[1]=frm[1]+'?&'+fls[1];
 
}
          var wd = paste.split(/width=\"(\d{2,3})\"/);
          var hg = paste.split(/height=\"(\d{2,3})\"/);
 
for (var i=0; i<media2.length; i++) {
if(frm[1].indexOf(media2[i]) !=-1) {
 
insert('[video2='+wd[1]+'|'+hg[1]+']'+frm[1]+'[/video2]\n');
changeVisibility('video-area');
$(self).val('');
} 
else {
$('#video-area-msg2').text('Неподдерживаемый хостинг.');
$(self).val('');
 }
};
          }, 0);
 });
 
$('ul.media-tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,8);
$('div.media-t1, div.media-t2, div.media-t3').hide();
$('div.' + thisClass).fadeToggle('fast');
$('ul.media-tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
  });  
 
var ls = document.querySelectorAll(".post-content p");
for (x in ls){
var pst = ls[x].innerHTML;
for (var i=0; i<media2.length; i++) {
if(pst.indexOf(media2[i])!= -1)  {
pst = pst.replace(/\[video2=(.*?)\|(.*?)\](.*?)\[\/video2\]/gi, '<br /><iframe width="$1" height="$2" src="$3" frameborder="0" scrolling="no" allowfullscreen></iframe>');
   } 
}
ls[x].innerHTML = pst;
       }
});
</script>

И посмотрим мой пост..

0

179

kolobdur74
неа :(

0

180

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

поправить надо, у меня не получается ничего
с предыдущего моего поста первый скрин. там сам текст комментариев всё равно остался на своём месте, а не как на скрине.
это можно подправить?

Здесь поправь:

#BlogTable .left_cnt .post-body {width: 60%;}

Поставь процентов 80-90...

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Оформление, скрипты, правки стиля - Tusich