Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (62)
Предыдущая тема: Общие вопросы по оформлению (61)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Дитя
Доваять не успеваю... Пока так ( целиком Второе Окно, правда комменты с русскими буквами поломались)
a.permalink {margin-left: 30px !important;}
#pun-about .container, #pun-crumbs1 p.container, .topic a.sharelink {font-family: Bebas Neue;}
.post-author a {color: #673101 !important;}
.punbb .post .post-author > ul {
background: url(http://se.uploads.ru/6l172.png) -9px bottom no-repeat, url(http://s7.uploads.ru/0MY7I.png) -15px top no-repeat;
margin: -23px 0 -20px 0!important;
padding: 29px 0px!important;
color: #12150c;
}
li.pa-avatar {z-index: 5; }
.pa-title {
text-align: center;
z-index: 1000;
margin-top: 15px !important;
letter-spacing: 0px;
font: 10pt 'Bebas Neue' !important;
padding: 0px 10px 10px 10px !important;
height: 36px;
}
.pa-author a, .pa-author {
font-family: 'Bebas Neue';
font-weight: bold;
text-align: center;
font-size: 20px !important;
padding: 0px;
margin-top: 13px !important;
color: #3c2501 !important;
}
.post-author {
background-image: url(http://sa.uploads.ru/bwS5U.png);
text-align: center;
font-size: 10px;
line-height: 13px !important;
}
.post-author ul li {
text-align: center;
padding: 2px;
}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-report .inner, #pun-reputation .inner { background: #6d5e46;}
#pun-title table {
height: 452px;
width: 841px;
margin-left: -60px;
}
#pun-main h1 {
text-align: center;
font-size: 11px;
font-family: "minion pro" !important;
text-transform: uppercase;
letter-spacing: 1px;
}
.punbb .category h2, #pun-stats h2, #pun-main #post-form h2, #pun-debug h2 {
background-image: url(http://sa.uploads.ru/PjcGK.png);
box-sizing: border-box;
text-align: center;
text-transform: lowercase;
color: #c7a387 !important;
text-shadow: 1px 1px #2b335a;
font-size: 9px !important;
font-style: italic !important;
position: relative;
z-index: 5;
padding: 18px;
margin: 0px -35px 0px;
margin-top: 10px;
font-family: 'Georgia';
background-repeat: no-repeat;
background-position: top center;
border: none;
height: 71px;
width: 1033px;
}
/* CS1.1 Öâåò òåêñòà íà ôîðóìå */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container { background-color: transpanent;
color: #2c160f;
font-weight: normal;
font-style: normal;}
.punbb .main .container
{ color: #4e2c0e;
font-weight: normal;
font-style: normal;}
/* CS1.2 Áîäè èëè ôîí ôîðóìà */
body {background:
url("http://s7.uploads.ru/zxrue.jpg") no-repeat top center,
url("http://sh.uploads.ru/aCcRB.jpg") no-repeat center bottom,
url("http://s5.uploads.ru/IdE5f.jpg") center top repeat-y;}
HTML {
background: url("http://s3.uploads.ru/hq81g.jpg") top repeat-x,
url("http://se.uploads.ru/g8Ahd.jpg") center top repeat;
/* url("") center top repeat;*/ }
/* äâèãàëêà íàâèãàöèè, îáùèå ññûëêè è ïîëüçîâàòåëüñêèå*/
div#pun-navlinks { width: 110%;
z-index: 200;
text-align: center;
margin-top: -738px;
margin-left: -77px; }
div#pun-ulinks { width: 100%;
text-align: center;
margin-top: 320px;
margin-left: 5px;
z-index: 200;
}
/* CS2 Ññûëêè*/
/* cs2.1. ññûëêà áåç íàâåäåíèÿ */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #000000;
border-bottom: 0px none #518800;
text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
-o-transition: color 0.2s 0.02s ease;
-webkit-transition: color 0.2s 0.02s ease;}
/* cs2.2 ññûëêà ïîñëå íàâåäåíèÿ */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #7f695b;
border-bottom: 0px none #000;}
/* cs2.3. âåðõíÿÿ íàâèãàöèÿ äî íàâåäåíèÿ */
#pun-navlinks a { z-index: 200;
color: #482e03;
font-family: 'Bebas Neue';
font-size: 19px !important;
border-bottom: 0px none #af7b25;
}
/* cs2.4. íèæíÿÿ íàâèãàöèÿ äî íàâåäåíèÿ */
#pun-ulinks a { z-index: 200;
color: #654336;
font-family: 'Georgia';
font-style: italic !important;
text-transform: lowercase;
font-size: 14px !important;
/* border-bottom: 0px none #a37520; */}
/* cs2.5. âåðõíÿÿ íàâèãàöèÿ ïîñëå íàâåäåíèÿ */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
border-bottom: 0px none #000;
color: #7f695b; z-index: 200;
text-transform: lowercase;}
/* cs2.5. íèæíÿÿ íàâèãàöèÿ ïîñëå íàâåäåíèÿ */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
border-bottom: 0px none #000;
color: #7f695b; z-index: 200;
text-transform: lowercase;}
/* CS3 Èêîíêè ñòàðûõ, íîâûõ, âàæíûõ, çàêðûòûõ òåì */
/* CS3.1 Èêîíêà ñòàðûõ ñîîáùåíèé*/
.punbb table Div.icon { float: left;
display: block;
border-style: none none none none;
/* margin-left: 25px !important; */
margin-right: 10x;
width: 44px;
/* margin-top: 20px; */
height: 42px;
/* position: absolute; */
background-image: url(http://sd.uploads.ru/xRfFK.png);
background-repeat: no-repeat;}
/* CS3.2 Èêîíêà íîâûõ */
TR.inew Div.icon {
background-image : url(http://s5.uploads.ru/BGsMf.png);
background-repeat: no-repeat;
width: 44px;
height:42px;}
/* CS3.3 Èêîíêà âàæíûõ*/
TR.isticky Div.icon {
background-image : url(http://sh.uploads.ru/8bhOq.png);
background-repeat: no-repeat;
width: 44px;
height:42px;}
/* CS3.3 Èêîíêà çàêðûòûõ*/
TR.iclosed Div.icon {
background-image : url(http://sh.uploads.ru/chN6Q.png);
background-repeat: no-repeat;
width: 44px;
height:42px;}
/* CS5 Ïðî÷èå ýëåìåíòû */
/* CS5.3 Öèòàòû è êîäû â ñîîáùåíèÿõ*/
.punbb .quote-box, .punbb .code-box {
border-radius: 5px;
box-shadow: 0 0 0 1px #8b550b, 0 0 0 3px #4c2c08, 0 0 0 5px #764b20;
border: rgb(130, 83, 37) solid 5px;
background-color: rgba(111, 100, 77, 0.2);
font-size: 12px;
line-height: 13px !important;
}
.punbb input { border-radius: 5px;
box-shadow: 0 0 0 1px #a77f55, 0 0 0 3px #824003, 0 0 0 5px #ad916f;
/* border: rgb(214, 180, 135) solid 5px; */
background-color: rgb(207, 175, 124);
text-align: center;
font-size: 11px;
line-height: 13px !important;
font-family: Bebas Neue !important;
}
/* CS5.4 Îáëàñòü äëÿ ââîäà òåêñòà â ôîðìå îòâåòà è àäìèíêå */
.punbb select, .punbb input {
/*border-radius: 5px;*/
/*box-shadow: 0 0 0 1px #a77f55, 0 0 0 3px #824003, 0 0 0 5px #ad916f;*/
/* border: rgb(214, 180, 135) solid 5px; */
background-color: rgb(207, 175, 124);
text-align: center;
font-size: 11px;
line-height: 13px !important;
font-family: Bebas Neue !important;}
.punbb textarea { box-shadow: 0 0 0 1px #a77f55, 0 0 0 3px #5f2e05, 0 0 0 5px #ad916f;
border: rgb(158, 129, 97) solid 3px;
background-color: rgba(146, 134, 107, 0.29);
font-size: 10px;
line-height: 13px !important;}
/* CS5.5 Äâèãàåì âåðõíèé áàííåð */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1;
left: 50px;
top: -500px}
/* CS5.6 Ñîâñåì äðóãîå */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 { font-size: 9px;}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
/*------------------------ôîí ïîäôîðóìà-----------------------*/
#pun-index td div.tclcon {
width: 464px;
font-size: 11px;
margin-left: 50px;
text-align: left;
font-size: 12px;
}
/* äðóãèå êîäû
-------------------------------------------------------------*/
li.pl-share {margin-left: 20px !important;}
::-webkit-scrollbar {
width: 6px; /* for vertical scrollbars */
height: 6px; /* for horizontal scrollbars */}
::-webkit-scrollbar {
width: 6px;
height: 4px;}
::-webkit-scrollbar-track {
background:#151412;}
::-webkit-scrollbar-thumb /* áåãóíîê */{
background:#193400;
}
.pa-avatar.item2 > img {
border: 0px double #252614;
}
.accname { font-size: 22px !important;
font-family: 'Bebas Neue';
font-weight: normal !important;
text-transform: lowercase;
color: #88110b !important;
text-shadow: 0px 1px 1px #d6a657;}
.obsheetext {
font-size: 12px;
font-family: arial;
line-height: 100%;
/* letter-spacing: 1px; */
text-align: justify;
margin-left: 3px !important;
padding: 20px;
width: 575px; }
.obsheezagolovok { font-family: bebas neue!important;
font-size: 24px;
font-weight: 600;
letter-spacing: 4px;
color: #d8b885;
position: absolute;
margin-top: 44px !important;
width: 630px;
margin-left: 10px !important;
text-shadow: 0px 1px 1px #982c22;}
.obshee {
width: 630px;
background: url(http://s0.uploads.ru/ucUZx.jpg) top no-repeat, url(http://s5.uploads.ru/EG0Uh.jpg) bottom no-repeat, url(http://s5.uploads.ru/3pYBe.jpg) repeat-y;
padding-bottom: 28px;
margin-right: -10px!important;
}
#pun-main .post-author ul {
text-align: center;
}
#pun-main .post-author ul img[data=.Sp2] {margin-right:80px;}
#pun-profile span.input input {margin-top:10px;}
#pun-index #pun-main .category .tclcon table {margin-bottom: -16px;}
#pun-index #pun-main .category .tclcon table td {padding: 0px;
border: 0px;}
#pun-index #pun-main .category .tclcon table a {padding: 2px 0px;
margin: 2px 1px;
display: block;
background: rgba(255, 255, 255, 0.10);
text-align: center;}
.subforums {
margin-left: 3px!important;
box-shadow: inset 0px 0px 20px 0px rgba(156, 134, 96, 0.41);
padding: 10px;
background: rgba(255, 255, 255, 0.20);}
.subforums .d_title, .subforums .Inner{display: inline-block;}
.subforums span {display: inline-block!important;
padding: 0px 5px!important;}
Alex_63
хорошо, спасибо большое
буду ждать остальную часть
Alex_63
Спасибо за помощь!
Здравствуйте. Подскажите, пожалуйста, а как бы строку "профиль" приподнять, а то она уплыла куда-то.
Массаракш Может у вас, проблмы с браузером? У меня надпись профиль, стоит ровно.
Приветствую) Помогите решить небольшую проблему с аватарами:
Вот так профиль должен выглядеть: http://prntscr.com/f692gs
Но у некоторых (у тех, у кого аватар меньше 180-ти в высоту), он выглядит вот так: http://prntscr.com/f69388
Форум: http://eternaltravel.ru/
Отредактировано eleve (Ср, 10 Май 2017 18:27:00)
Aex
Как ровно, если даже на скрине видно, что она вниз уплыла? В "персональном" это более наглядно.
eleve, ну добавьте в конец 2-го окна стилей
.pa-avatar {min-height: 170px;}
,
тогда под аватаркой будет много "пустого" пространства, но у Вас фон так прописан, что по-другому никак)
Отредактировано Armavel (Ср, 10 Май 2017 19:31:34)
Массаракш, добавьте в конец первого окна стилей
#profilenav > h2 {width: auto;}
, тогда надпись встанет на место (слева над заголовками полей)
Отредактировано Armavel (Ср, 10 Май 2017 19:32:44)
У меня снова вопрос.
Поставила скрипт для начисления форумной валюты, конкретно этотСкриптКод:<script type="text/javascript"> if(location.href.indexOf('viewtopic')!=-1) { var field = 'fld1'; var diff = 2; var default_name = 'Деньги'; var ul = $("#pun-main div.post div.post-author ul"); for(var i =0;i < ul.length;i++){ var for_posts = parseInt($(ul[i]).find('li.pa-posts').text().replace(/Сообщений: /,""))*diff if(!$(ul[i]).find("li.pa-"+field).length) { $(ul[i]).find('li.pa-posts').after('<li class="pa-'+field+'">'+default_name+': '+for_posts+'</li>'); } else { $(ul[i]).find("li.pa-"+field).html(default_name+': '+(parseInt($(ul[i]).find("li.pa-"+field).text().replace(/^(.*): (-?\d+)$/,"$2"))+for_posts)) } } } </script>И как-то встал не очень он. Каким образом можно эту строчку вниз опустить?
Скрин
Пробовала другие подобные скрипты ставить - они встают нормально, но баллы вручную не начисляются и не снимаются.
http://chateau.rusff.ru
Отредактировано Массаракш (Ср, 10 Май 2017 23:32:25)
Массаракш
Поправьте на скриншоте - как должно быть ?(*про Баллы
Alex_63
На скриншоте так, как есть. Мне бы эти баллы вниз передвинуть, чтоб они над активностью были.
Поля профиля в админке я позиционировала, и на данный момент баллы находятся в самом низу, но их положение в профиле от этого не меняется.
Массаракш
Завтра приду - посмотрю ( сейчас убегаю - не успел
Добрый день! Никак не могу решить проблему со сползанием форума. Испробовала все: ставила margin-top, пыталась поднять - но менялось положение самого поля форума, а не содержимого. Уже всю голову сломала и проштудировала множество тем у вас, но решения, данные другим пользователям, тоже не помогали. 
Отредактировано #bubble gum (Чт, 11 Май 2017 07:35:57)
#bubble gum
Переместить заголовок форума в верхнюю зеленую рамку, убрав отступы? Если нет, укажите на скриншоте, какой именно элемент необходимо перенести, и в какое место.
Reysler
у меня сейчас проблема с пустым огромным окном. Сделала вам два скриншота. Вот информацию "привет .... / Ваш последний визит" я хотела сдвинуть наверх в маленькое окошко бежевое (2 скриншот), а основной форум поднять на пустое место близко к шапке, скажем так.
#bubble gum
1. В Первом Окне стилей найдите кусок, правки - добавки - синим
/* C3 Topics
-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
border: none;
}
#pun-title{
display:none;
}
#pun-status {
position:absolute;
width:860px;
top:-110px;
z-index:7;
}
Alex_63
помогло!! огромное спасибо 
Доброго времени суток!
Подскажите пожалуйста, появилась небольшая проблема в отображении форума.
Тестовик - http://fumuse2lol.rusff.ru/
При этом я не могу понять, в чём дело - на всякий случай даже убирала все скрипты - не в них проблема. Смотрела через режим разработчика в лисе - а там половину кодов стиля по какой-то причине не видит вообще, хотя они есть.
Fumuse
Вот это уберите из первого окна стиля:
@font-face {
font-family: 'BeaufortforLOL-Regular';
src: url(http://fennas.ru/gofate/fonts/lol/BEAUFORTFORLOL-REGULAR.TTF') format('truetype');
}
@font-face {
font-family: 'BeaufortforLOL-Italic';
src: url(http://fennas.ru/gofate/fonts/lol/BEAUFORTFORLOL-ITALIC.TTF') format('truetype');
}
@font-face {
font-family: 'BeaufortforLOL-Bold';
src: url(http://fennas.ru/gofate/fonts/lol/BEAUFORTFORLOL-BOLD.TTF') format('truetype');
}Во первых в ссылке должны быть только строчные символы, во вторых шрифты залитые не на текущий форум во многих браузерах не работают!
Вот тема: Кросс Браузерная подгрузка Шрифтов на форум
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (62)