Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (55)
Продолжение темы Общие вопросы от новичков (54)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
. А можно 'поднять' и кликабельность фото? Закрыть текст и можно фото (это не суть-главное текст) в тексте, но фото справа кликабельные
Я не понимаю, сделайте скриншот, ткните стрелкой - что поднимать
Я не понимаю, сделайте скриншот, ткните стрелкой - что поднимать
Ну вы с Alex_63 сделали отличную защиту от копирования - прозрачку. Так вот ежели её поставить на эту страницу http://565.mybb.ru/pages/1111111111111111111
то она блокирует кликабельность фото справа. Они не увеличиваются для просмотра.
Можно этот стиль как-то настроить чтобы и фото справа на странице были кликабельны. Но весь текст закрыт защитой
(кроме ссылок ничего не поднимал над прозрачной закрывашкой
<style type="text/css">
.pages div.container {
position:relative;
}
img#No-copy {
position:absolute;
z-index:1000;
left:0;top:0;
}
.punbb .pages a {
position:relative;
z-index:2000;
}
</style>
<img id="No-copy" title="No-copy!" src="/i/blank.gif" width="100%" height="100%">Вот другая аналогичная страница с этой защитой блокирующей фото-просмотр http://565.mybb.ru/pages/0011111111
Отредактировано kleo3333 (Пт, 26 Фев 2016 11:46:15)
kleo3333
Добавьте синим
<style type="text/css">
.pages div.container {
position:relative;
}
img#No-copy {
position:absolute;
z-index:1000;
left:0;top:0;
}
.punbb .pages a,.punbb .pages img {
position:relative;
z-index:2000;
}
</style>
<img id="No-copy" title="No-copy!" src="/i/blank.gif" width="100%" height="100%">
Добавьте синим
Интересная штука получилась. Нет всё сработало верно, но сами фото справа слегка увеличились в размере и открываются под фотографиями в статье. 
пример http://565.mybb.ru/pages/0011111111
без защиты http://565.mybb.ru/pages/1111111111111111111
Отредактировано kleo3333 (Пт, 26 Фев 2016 11:45:41)
kleo3333
Попробуйте так:
<style type="text/css">
.pages div.container {
position:relative;
}
img#No-copy {
position:absolute;
z-index:1000;
left:0;top:0;
}
.punbb .pages a {
position:relative;
z-index:2000;
}
.punbb pages img{
z-index:2000;/*позицию оставляем*/
}
</style>
<img id="No-copy" title="No-copy!" src="/i/blank.gif" width="100%" height="100%"/>
неа. фотки справа встали на место но не кликабельны (не увеличиваются при нажатии)
Может защиту запихать только в левую часть страницы. Там ведь граница таблицы и текст всегда будет закрыт до неё?
kleo3333
Попробуйте код скрытия заменить на такой
<style type="text/css">
.pages div.container td:not([style="width:25%"]) {
position:relative;
}
img#No-copy {
position:absolute;
z-index:1000;
left:0;top:0;
}
.punbb .pages a {
position:relative;
z-index:2000;
}
</style>
<img id="No-copy" title="No-copy!" src="/i/blank.gif" width="100%" height="100%"/>И Переместить в начало <td с текстом:
<table style="table-layout:fixed;width:100%" id="tableMy"><tbody><tr valign=top><td style="width:0%"></td><td>
<style type="text/css">
.pages div.container td:not([style="width:25%"]) {
position:relative;
}
img#No-copy {
position:absolute;
z-index:1000;
left:0;top:0;
}
.punbb .pages a {
position:relative;
z-index:2000;
}
</style>
<img id="No-copy" title="No-copy!" src="/i/blank.gif" width="100%" height="100%"/><ul class="hr"><br><br>
<li>Henry David Velasquez Mendoza</li>
<button type="submit|reset|button|menu">Farell</button>
</ul><p> ...
Спасибо Alex_63 - всё получилось. 
Удалите пожалуйста из своего поста текст биографии 
kleo3333
Удалил
Добрый вечер!
У меня такой вопрос.
У меня на форуме при переходе на другую страницу или при обновлении, стиль форума искажается
вот так на время зависает а потом встаёт на место.
Не могу понять где ошибка.
Думала, что только у меня, но оказывается не только у меня.
И это с браузера Гугл тупит, а с Мазилы и Оперы летает и нормально всё отображается
Кэш чистила, не помогает
Guerlain
У Вас Очень Большой HTML верх
Мон часть кодов свернуть и засунуть в стиль
Мон свернуть css и засунуть в стиль
Мм, а как это можно сделать? Низ то я знаю а вот с верхом 
Guerlain
1. Скопируйте и сохраните HTML верх в блок Код( [code][/code]) в Админ тему на Вашем форуме
2. Замените HTML верх:
<!--шапка-->
<img id="Mylogo" src="http://s6.uploads.ru/eMF5p.png" /><style type="text/css">#Mylogo {width: 100%; margin: 0 0 0 0; margin-left:2px;}</style>
<!-- Счетчик тем, созданных юзером -->
<noscript><link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0013/66/53/39517.css" /></noscript>
<script type="text/javascript" src="http://forumstatic.ru/files/0013/66/53/67954.js"></script>
<!-- //Скрипт Игнора HTML верх-->
<style id="hideIgnor">.post .pa-fld6 {display:none}</style><script src="http://hostjs-mybb2011.narod.ru/js/AddtoIgnorList_mybb_jq.js"></script>
<style>
strong.myIgnor, .myIgnor >p {
background: none !important;
opacity: 1.0;
color: #333 !important;
margin-top: -15px;
height: 10px !important;
}
</style>
<!-- Предосмотр личных сообщений --><script type="text/javascript">
var forum_Preview = 51; //Форум с возможностью создания тем всем юзерам
</script>
<script type="text/javascript" src="http://forumstatic.ru/files/0013/61/e9/81572.js"></script>
<style type="text/css">
.post-author.chec li:not(.pa-author){
display:none;
}
</style>
<!-- КАРТИНКИ из размытого в нормальный -->
<!-- jquery уже подключен -->
<script type="text/javascript">
$(document).ready(function() {
$('.Hoverbuttons').each(function () {
var $span = $(this).css('opacity', 0.5);
$(this).hover(function () {
$span.stop().fadeTo(600, 1);
}, function () {
$span.stop().fadeTo(600, 0.5);
});
});
});
</script>
<!--выиграли-->
<div style="position: absolute; width: 730px; margin-top: 2px; margin-left: 10px;"><div class="tooltip yellow-tooltip" data-title="Мила:
«Активист 2015»
«Душа форума 2015»
«Позитивчик 2015»"><a href="http://lagunaseca.ru/viewtopic.php?id=2431"><img src="http://forumstatic.ru/files/0016/dc/19/94796.jpg" class="Hoverbuttons"></a></div> <div class="tooltip yellow-tooltip" data-title="Kuznets:
«Флудер 2015»« Победитель в дуэли на лучшее четверо-е»
«Юморист 2015»"><a href="http://lagunaseca.ru/viewtopic.php?id=2431"><img src="http://i10.pixs.ru/storage/3/5/0/21172454BU_7182958_20348350.gif" class="Hoverbuttons"></a></div> <div class="tooltip yellow-tooltip" data-title="Скарлет:
«Открытие 2015» «Sexy -Снегурочка 2016»«Победительница в конкурсе на лучшую новогоднюю ёлоку»
«Просто хороший человек 2015»"><a href="http://lagunaseca.ru/viewtopic.php?id=2431"><img src="http://forumstatic.ru/files/0016/dc/19/96993.gif" class="Hoverbuttons"></a></div> <div class="tooltip yellow-tooltip" data-title="Nebesnaya:
«Лучший новичок осени 2015!»"><a href="http://lagunaseca.ru/viewtopic.php?id=2493"><img src="http://s2.uploads.ru/iseHW.png" class="Hoverbuttons"></a></div>
<div class="tooltip yellow-tooltip" data-title="Звёздный скиталец:
«Джентельмен 2015» «победитель хит-парада - про Новый год!»"><a href="http://lagunaseca.ru/viewtopic.php?id=2431"><img src="http://forumstatic.ru/files/0016/dc/19/54350.jpg" class="Hoverbuttons"></a></div>
<div class="tooltip yellow-tooltip" data-title="Мерани:
«Изюминка 2015»
«Настоящая леди 2015»
«Творческая личность 2015»"><a href="http://lagunaseca.ru/viewtopic.php?id=2431"><img src="http://forumstatic.ru/files/0016/dc/19/89753.jpg" class="Hoverbuttons"></a></div>
<div class="tooltip yellow-tooltip" data-title="Леля:
«Победитель четверостишия на тему Мечта »" ><a href="http://lagunaseca.ru/viewtopic.php?id=950&p=3#p148336"><img src="http://s7.uploads.ru/zVlxu.jpg" class="Hoverbuttons"></a></div>
<div class="tooltip yellow-tooltip" data-title="Иголка:
«Победитель конкурса на лучшую аватарку »" ><a href="http://lagunaseca.ru/viewtopic.php?id=845&p=9#p152171"><img src="http://s7.uploads.ru/L0lMS.gif" class="Hoverbuttons"></a></div>
</div>
<!--изменения шрифта -->
<style>#ChangeStyle{position:relative;z-index:100;}#ChangeStyle td{cursor:pointer;width:10px;height:12px;border:1px solid #000;}#ChangeStyle td i{display:none!important}
</style>
<span class="StyleChang"></span><table cellspacing="8" align=right id='ChangeStyle'><tr>
<td bgcolor=#82c6ff title="Verdana "><i>
.punbb {
font-family:Verdana;
}
</i></td>
<td bgcolor=#82c6ff title="Arial" ><i>
.punbb {
font-family:Arial;
}
</i></td>
<td bgcolor=#FFFFFF title="фон-1"><i>
body {
background:url(http://sh.uploads.ru/G3ilM.png) repeat #FFFFFF!important;
}
</i></td>
<td bgcolor=#ACE5EE title="фон-2"><i>
body {
background:url(http://sh.uploads.ru/G6l84.png) repeat #C6E2FF!important;
}
</i></td>
<td bgcolor=#b4dcff title="фон-3"><i>
body {
background:url(http://sh.uploads.ru/jdbIM.png) repeat #E1EDF7!important;
}
</i></td>
<td bgcolor=#E1EDF7 title="фон-4"><i>
body {
background:url(http://s2.uploads.ru/2Q0MH.png) repeat #E1EDF7!important;
}
</i></td>
<td bgcolor=#435e9a title="фон-5"><i>
body {
background: url(http://s6.uploads.ru/DQand.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</i></td>
<td bgcolor=#CFE6BA title="фон-6"><i>
body {
background:url(http://s6.uploads.ru/WpgHK.jpg) no-repeat center center fixed;
}
</i></td>
<td bgcolor=#B4DCFF title="фон-7"><i>
body {
background:url(http://i11.pixs.ru/storage/4/8/4/nopng_4454996_19531484.png) repeat #B4DCFF!important;
}
</i></td>
<td bgcolor=#b0dff7 title="фон-8"><i>
body {
background: url(http://s2.uploads.ru/Apvch.png) repeat #6bdaff!important;
}
</i></td>
<td bgcolor=#96b9c2 title="фон-9"><i>
body {
background:url(http://s7.uploads.ru/XZhCK.png) repeat #E1EDF7!important;
}
</i></td>
<td bgcolor=#b5b5b5 title="фон-10"><i>
body {
background: url(http://s3.uploads.ru/rSJjK.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</i></td>
<td bgcolor=#B4DCFF title="фон-11"><i>
body {
background:url(http://s3.uploads.ru/tRnfM.gif) repeat #B4DCFF!important;
}
</i></td>
</tr></table><script type="text/javascript">(function(){$('#ChangeStyle td').each(function(i){$(this).attr("alt",i)});function setcookie(a,b,c){if(c){var d=new Date();d.setDate(d.getDate()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toUTCString():'');else return false}function getcookie(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1]?c[1]:false}function clearSet(L){if(L){setcookie("#ChangeStyle",L,30);$("span.StyleChang").html('<style>'+$("#ChangeStyle td[alt='"+L+"']").find("i").html()+'</style>')}};$('#ChangeStyle td').click(function(){clearSet($(this).attr("alt"))});var Lmem=getcookie("#ChangeStyle");clearSet(Lmem);}())</script>
<!-- Кнопки верх и низ -->
<div class="go-up" id='ToTop'>⇧</div>
<div class="go-down" id='OnBottom'>⇩</div>
>
<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin:6px 3px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/57844.js"></script>3. Поставьте В конец Первого Окна Стиля:
/* = Оформление ЛС
=====================*/
#messanger { position:fixed; right:10%; top:65%; z-index:1000; width:280px; border: 2px solid #696969;
-moz-border-radius: 8px;border-radius: 8px;khtml-border-radius:8px;-webkit-border-radius:8px;
box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);}
#closer{
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.41, #1F1F1F),color-stop(0.94, #D7E3E3));
background-image: -moz-linear-gradient(center bottom,#1F1F1F 41%,#D7E3E3 94%);
background-image: -o-linear-gradient(top,#D7E3E3,#1F1F1F);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D7E3E3', endColorstr='#1F1F1F');
color: lime;
-moz-border-radius: 9000em;border-radius: 9000em;khtml-border-radius:9000em;-webkit-border-radius:9000em;cursor: pointer;float: right;font-size: 15px; border: 2px solid #696969;
}
#closer:hover {color: #FF4500; }
/* = Пагинатор
==================*/
#paginator {
opacity: 0.9;
position: absolute
left: 55px;
z-index: 1000;
filter: alpha(opacity=90);
text-shadow: 0 1px 0 #000;
background-color: #61bde7; /* фон блока пагинатора */
border: 2px solid #59add4; /* цвет границы блока */
table-layout: auto !important;
width: auto !important;
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-border-radius: 4px;
border-radius: 4px;
khtml-border-radius:4px;
-webkit-border-radius:4px;
-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;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
#paginator td {
padding: 0.1em;
border-style: none;
}
#pnav:hover {
background: black; /* фон цифры при наведении курсора */
color: lime; /* цвет цифры при наведении курсора */
-moz-border-radius: 9000em;
border-radius: 9000em;
khtml-border-radius:9000em;
-webkit-border-radius:9000em;
}
/* = п кнопка
=================*/
.punbb .btn {
margin-right:3px;
color: #7dddc7;
background-color: transparent;
border: solid 1px rgba(255, 255, 255, 0.804)!important;
color: #b4fdb8;
padding: 4px 7px;
text-decoration: none!important;
box-shadow: rgba(0, 0, 0, 0.126) 0px 3px 5px 0px inset;
box-sizing: border-box;
font: normal normal 400 18px/23.94px Georgia;
border-radius: 6px;
height: 46px;
}
.punbb .btn:hover, .punbb .btn:focus,.punbb .btn.active, .punbb .btn:active{
color: #3f4b6d!important;
background-color: #fff!important;
text-decoration: none;
}
.punbb .btn:focus, .punbb .btn:active:focus{
outline: thin dotted currentColor;
outline-offset: -2px;
}
.punbb a.btn .badge {
position: relative;
top: -1px;
}
.punbb .badge {
background-color:#63B8FF;
border-radius: 10px;
color: #FFFFFF;
display: inline-block;
font-size: 12px;
font-weight: 700;
line-height: 1;
min-width: 10px;
padding: 3px 7px;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
}
/* = Кнопки верх и низ
=====================*/
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:20px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
background:#0000CD; /*фон кнопок*/
border:3px solid #00E1FF; /*толщина, стиль, цвет рамки*/
box-shadow:0 12px 0.3em -0.1em rgba(0,0,6,0.5); /*тень*/
border-radius:10px;
cursor:pointer;
color: #00E1FF; /*цвет стрелок*/
text-align:center; /*выравнивание*/
font-size:22px; /*размер стрелок*/
text-shadow:0 1px 2px #000, 0 0 10px #E0F1FF;
opacity: .4; /*прозрачность*/
padding:0 3px 5px 3px; /*отступы внутри*/
margin-bottom:6px; /*отступ снизу (можно не указывать)*/
width:25px; /*ширина кнопки*/
height:25px; /*высота кнопки*/
}
.go-up {
bottom:155px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:110px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
/*стили при наведении курсора*/
.go-down:hover,.go-up:hover {
opacity:1;
}
/* = отключение картинки из инета
= обтекание картинки
==================================*/
#action-internet{display: none !important;}
.leftimg {
float:left; /* Левый край */
margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
}
.rightimg {
float: right; /* Правый край */
}
/* = прозрачность
=====================*/
.punbb .main .container, .punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li Dav the Timelorddiv, #setmods dd, .punbb .post-body, .punbb .post-links, .punbb .info-box, .punbb #pun-main .info-box .legend {
background: url(http://sg.uploads.ru/zWl0s.png) transparent !important;
}
.punbb td.tc2, .punbb td.tcr, .post-box, .punbb td.tcl, .punbb td.tc3 {
background: transparent;
}
/* = оформление опросов
=====================*/
#poll-special .poll2 td h1[style*='width:'] {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));
font-size:14px;
border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px;
box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);
padding: 1px;margin: 0 50px;
max-height: 5.5em;}
#poll-special .poll2 td h1[style*='width:1'] {background-color: #8A2BE2;}
#poll-special .poll2 td h1[style*='width:2'] {background-color: #4682B4;}
#poll-special .poll2 td h1[style*='width:3'] {background-color: #63B8FF;}
#poll-special .poll2 td h1[style*='width:4'] {background-color: #4EEE94;}
#poll-special .poll2 td h1[style*='width:5'] {background-color: #00EE00;}
#poll-special .poll2 td h1[style*='width:6'] {background-color: #C0FF3E;}
#poll-special .poll2 td h1[style*='width:7'] {background-color: #EEC900;}
#poll-special .poll2 td h1[style*='width:8'] {background-color: #FF8C00;}
#poll-special .poll2 td h1[style*='width:9'] {background-color: #FF4500;}
#poll-special .poll2 td h1[style*='width:100%'] {background-color: #FF0000;
}
/* = подтягивает к верху
=======================*/
#pun {margin-top: 0px !important;}
/* = названия по центру
=======================*/
#pun-main h2 {text-align: center;}
/* = убирает название форума
===========================*/
#pun-title .title-logo {display : none;}
/* = Награды
=================*/
width: 100%; height: 100%;
background-color: rgba(0,0,0,0.5);
position: fixed; top: 0px; left: 0px;
}
div.AwardWindow {
z-index: 9999; position: fixed;
top: 10% !important; left: 50% !important;
width: 700px; padding: 10px;
margin-left: -350px !important;
vertical-align: middle;
color:#039;
border-radius: 8px;
border: 4px double #82C6FF;
background: transparent linear-gradient(180deg, #E6E6E6 0%, #AFDAFC 100%) repeat scroll 0% 0%;
box-shadow: 0px 0px 10px #3B6E99;
}
div.AwardWindow div#closeBtn {
cursor: pointer;
background: url(http://s3.uploads.ru/gftJj.png) no-repeat center;
width: 20px; height: 20px;
position: relative;
top: -5px; left: 690px;
}
div.AwardWindow h3 {
font-variant: small-caps;
font-weight: bold;
font-size: 15px;
margin-top: -20px;
}
div.AwardWindow div#AwardContent {
width: auto; height: auto;
min-height: 100px;
max-height: 300px !important;
overflow-y:auto;
}
div.AwardWindow div#AwardContent td#title {
font-variant: small-caps;
font-weight: bold;
font-size: 15px;
width: 200px;
text-align: center;
}
div.AwardWindow div#AwardContent td#desc {
font-size: 14px;
font-weight: bold;
}
#pun-profile fieldset > span {
cursor: pointer;
padding: 5px;
border: 1px solid black;
position: relative;
top: -17px;
margin-bottom: 10px;
left: 100px;
background-color: white;
}
/* = Ставим инфу о польз-е по центру
====================================*/
.post-author{text-align: center!important;}
/* = Cкрытие активен текстом
==================================*/
.pa-online {display:none;}
/* = Звездочки за кол-во сообщений
==================================*/
position:relative;
width:200px!important; /* Ширина поля для звёздочек */
white-space:pre-wrap;
z-index:100;
margin-top:-5px;
margin-bottom:-0px;
margin-left: 5px;
color:red;
}
li.pa-zwezda img{
width:25px; /*ширина звезды*/
height:25px; /*высота звезды*/
}
/* = оформление слов Важная и Закрытая
=======================================*/
.stickytext{
color: #ff0000 !important;
font-weight: bold;
font-style: italic;
}
.closedatafield {
color:#AB0000 !important;
font-weight: bold;
}
/* = убрать отред
=====================*/
.lastedit{display:none;}
/* = оформление профиля в постах
=================================*/
.post-author ul li.pa-avatar img{
background:transparent none!important;
max-width:170px;
height:auto;
margin:-8px;
width:auto!important;
background:transparent none!important;
border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
box-shadow: 0px 7px 19px #3b6e99;
-webkit-box-shadow:0px 7px 19px #3b6e99;
-khtml-box-shadow:0px 7px 19px #3b6e99;
-moz-box-shadow:0px 7px 19px #3b6e99;
border: 3px double;
border-color: #82C6FF;
}
.post-author ul li.pa-avatar{
margin:8px;
}
.post-author ul {
margin:12px;
width:185px;
background:transparent:none!important;
background:transparent:none!important;
border-radius: 8px;
border: double 3px #82C6FF;
box-shadow: 0px 0px 10px #3b6e99;
-webkit-box-shadow: 0px 0px 19px #3b6e99;
-khtml-box-shadow: 0px 0px 19px #3b6e99;
-moz-box-shadow: 0px 0px 19px #3b6e99;
background:linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(175, 218, 252, 1) 100%);
box-shadow: 0px 4px 10px #3b6e99;
-webkit-box-shadow: 0px 4px 19px #3b6e99;
-khtml-box-shadow: 0px 4px 19px #3b6e99;
-moz-box-shadow: 0px 4px 19px #3b6e99;
}
/* = HTML верх - Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика
====================================================================*/
img.post-img-Sp {
margin:1px;
padding:2px;
border:transparent 3px dashed;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
}
img.post-img-Sp.active {
border:#cdcdcd 1px dashed;
-webkit-box-shadow:0px 5px 18px #0095B6;
-khtml-box-shadow:0px 5px 18px #0095B6;
-moz-box-shadow:0px 5px 18px #0095B6;
-ms-box-shadow:0px 5px 18px #0095B6;
box-shadow: 0px 5px 18px #0095B6;
}
</style>
<style type="text/css">
/*Антисмещение спойлеров Профиля*/
ul.post-ul-Sp {
margin:0 20px 0 -20px!important;}
}
/* = картинка в сообщении
===========================*/
.punbb textarea, #pun-main .post-body {
background: url(http://s2.uploads.ru/ANXke.png) bottom
right no-repeat;
}
/* = Компактная форма ответа и красивые кнопки в ней
=======================================================*/
#form-buttons {
display: inline-block;
width: 60%;
max-width: 700px;
min-width: 600px;
border: 1px solid #c9d9e9;
border-left-width: 0;
background-color: #e3ecf3;
background-image: url(http://s6.uploads.ru/lgXV3.png);
background-repeat: repeat-x;
}
#form-buttons table {
width: 100% !important;
}
#form-buttons td {
border-left: 1px solid #c9d9e9 !important;
border-right: 1px solid #f3f7fa !important;
}
#form-buttons td:hover {
background-color: #f5f8fb;
}
#form-buttons td:active {
background-color: #c9d9e9;
-moz-box-shadow: inset 1px 1px 5px #92a9c1;
-webkit-box-shadow: inset 1px 1px 5px #92a9c1;
box-shadow: inset 1px 1px 5px #E0F3FF;
}
/* = номер сообщения
========================*/
div.post h3 span strong:before {
content: "№ ";
}
div.post h3 span strong {
margin-right: -9px;
}
.punbb .post h3 strong {
background-image:url(http://s6.uploads.ru/VQuPY.png);
background-repeat:no-repeat;
font-size:10px;
font-style:bold;
width:54px;
height:45px;
color:#460000;
padding-top: 10px;
float: right;
text-align: center;
font-size: 14px;
font-family: Times New Roman;
margin-top: -8px;
padding: 5px 1px;
}
/* = Оформление профиля
========================*/
#profile-left {
width: 15% !important;
}
#profile-left li {
text-align: center;
margin: 0 !important;
}
#viewprofile li strong, #profile-left li div {
background: transparent !important;
}
#profile-left #profile-name strong, #profile-left #profile-title strong {
color: #fff !important;
}
#profile-left #profile-name {
background: #45668e;
border-bottom: 1px solid #364f6e;
}
#viewprofile li strong {
display: block;
font-weight: 400 !important;
padding: 6px 1em;
}
#profile-left #profile-title {
background-color: #45668e;
border-top: 1px solid #364f6e;
}
#profile-left li img {
background: #fff;
margin-top: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#profile-left li:nth-child(3) {
background: #eff7f3;
border-top: 1px solid #364f6e;
}
#profile-left li:last-child {
background: #d1eef7;
border-bottom: 4px solid #45668e;
}
#profile-right {
position: relative;
right: -4px;
}
#profile-right li {
display: inline-block !important;
background: #f5f5f5;
border-left: 4px solid #eee;
margin-bottom: 4px !important;
padding: 0 !important;
width: 32% !important;
}
#viewprofile li span {
float: none !important;
display: inline-block;
font-weight: 700;
padding: 10px 10px 5px;
margin: 0 0 10px;
}
#profile-right li strong {
font-size: 16px;
line-height: 1.1;
padding: 0 10px 10px !important;
}
#profile-right li strong a {
text-decoration: none;
border-bottom: 1px solid #ccc;
color: #292929;
font-size: 13px;
}
.post-author ul li.pa-respect, .post-author ul li.pa-fld1, .post-author ul li.pa-fld3 {
margin:8px;
border-radius: 4px;
background: transparent linear-gradient(180deg, #E6E6E6 0%, #AFDAFC 100%) repeat scroll 0% 0%;
border: 2px solid rgb(130, 198, 255);
}
/* = Скрытие Модера id=27
==========================*/
.modlist{margin-left: 5px;}
#pun-index .modlist a[href$="/profile.php?id=27"]{display:none}
/* = доп смайлы
====================*/
#smilies-area {
width: 600px;
z-index: 999;
}
#wrapper {width: 600px;}
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {background: url("http://flowplayer.org/img/global/tabs.png") no-repeat scroll -652px 0 transparent;color: #039;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;
display: inline-block;
padding:3px 3px 3px 3px;
font: normal normal 700 11px/normal Tahoma;
background-color:#afdafc;
box-shadow:inset 2px 2px 10px #363636;
border-style: double;
border-width: 4px;
border-radius: 6px;
border-color: #6699cc;
text-align:center;
}
ul.tabs li a:hover {color: #fff;}
ul.tabs li.tab-current a
{color: #039;padding: 0px 14px 2px;line-height: 22px;background-position: -652px -62px;
display: inline-block;
padding:3px 3px 3px 3px;
font: normal normal 700 11px/normal Tahoma;
background-color:#fff;
box-shadow:inset 2px 2px 10px #363636;
border-style: double;
border-width: 4px;
border-radius: 6px;
border-color: #6699cc;
}
ul.tabs li a:hover: active {
background-color:#fff;
}
ul.tabs li.tab-current a:hover {color: #6A5ACD;}
div.t2,div.t3,div.t4,div.t5,div.t6 {display: none;width: 600px;
}
/* = Оценка поста
====================*/
.post-rating p.container {
background: none !important;
font-weight: 700;
padding: 2px 7px!important;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: none!important;
}
.post-rating p.container a {
color: #0063B1;
font-size: 14px !important;
box-shadow: 0px 7px 20px #51A4C9;
border-radius: 8px;
border: 4px double #82C6FF !important;
background: transparent linear-gradient(180deg, #FFFEF9 0%, #AFDAFC 100%) repeat scroll 0% 0%;
padding: 4px;
}
.post-rating p.container a:hover {
color: #fff;
}
.post-vote p.container {
margin-right: 0 !important;
box-shadow: none!important;
}
/* = код
==========================*/
.tooltip {
position: relative;
cursor: help;
display: inline-block;
text-decoration: none;
color: #222;
outline: none;
}
.tooltip:hover:before {
content: attr(data-title);
white-space: pre-line;
position: absolute;
bottom: 80px;
left: 50%;
z-index: 999;
width: 230px;
margin-left: -127px;
padding: 10px;
border-radius: 8px;
border: 4px double #82C6FF !important;
background-color: #ddd;
background-image: -webkit-linear-gradient(180deg, rgba(230, 230, 230, 1) 0%, rgba(175, 218, 252, 1) 100%);
background-image: -moz-linear-gradient(180deg, rgba(230, 230, 230, 1) 0%, rgba(175, 218, 252, 1) 100%);
background-image: -ms-linear-gradient(180deg, rgba(230, 230, 230, 1) 0%, rgba(175, 218, 252, 1) 100%);
background-image: -o-linear-gradient(180deg, rgba(230, 230, 230, 1) 0%, rgba(175, 218, 252, 1) 100%);
background-image: linear-gradient(180deg, rgba(230, 230, 230, 1) 0%, rgba(175, 218, 252, 1) 100%);
-moz-border-radius: 4px;
border-radius: 4px;
-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;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip:hover:after {
content: "";
position: absolute;
z-index: 1000;
bottom: 73px;
left: 50%;
margin-left: -8px;
border-top: 8px solid #82C6FF;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0;
}
/* Yellow */
.yellow-tooltip:hover:before {
border-radius: 8px;
border: 4px double #82C6FF !important;
background: transparent linear-gradient(180deg, #FFFEF9 0%, #AFDAFC 100%) repeat scroll 0% 0%;
}
.yellow-tooltip:hover:after {
background:linear-gradient(180deg, rgba(230, 230, 230, 1) 0%, rgba(175, 218, 252, 1) 100%);
}Deff Чёт, вооще беда с хрома, всё перекосило
Guerlain
Cделайте скриншот
Guerlain
У Меня с Оперы - вроде Норма
Проверьте и с других браузеров, кодов много, может где и дал маху (
======================================
очистите кеш и куки в Хроме
С Оперы норм и с Мазилы отлично...
но с Гугл вооще беда.
Теперь даже не хочет на место вставать стиль
Guerlain
Можете восстановить HTML верх - и удалить поставленное в Первое Окно
Завтра будет Alex_63 c утра, возможно сможет помочь, я тут Хром снёс (Диск заканчивается)
====================Погодите чуть - снесите сначало всё из HTML верх, кроме шапки, больше ничего не меняя,
Отпишитесь про Хром...
очистите кеш и куки в Хроме
Всё встало на место,только звезда большая стала
Отредактировано Guerlain (Сб, 27 Фев 2016 00:07:50)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (55)
