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

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

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


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (58)


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

Сообщений 101 страница 120 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

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

0

101

Код:
<div class="scroll" style="height:220px; line-height: 153%; background: url("https://forumstatic.ru/files/0013/e1/a6/28538.png") no-repeat top center;">
<style>.scroll > a { background: none transparent!important;}</style>
<a href="http://bis.rusff.ru/viewtopic.php?id=132">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=259">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=151">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=222">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=223">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=224">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=271">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=272">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=225">другие акции</a>

</div>

0

102

Deff
Получились просто прозрачные ссылки. На вставленный фон оно плевало с высокой башни. Или так и должно быть и фон надо изначально картинкой на сам сайтбар накладывать?
На всякий случай ссылка на форум.
http://bis.rusff.ru/

0

103

Варя;
Двойные кавычки(для ссылки на картинку) в тегах лучше не ставить! Ибо браузер их считает, и думает что атрибут style - закрылся

Код:
<div class="scroll a" style="height:220px; line-height: 153%; background: transparent url(https://forumstatic.ru/files/0013/e1/a6/28538.png) no-repeat top left!important;">
<style>.scroll.a > a {border:2px solid #8B8771;margin-bottom:-2px;background: none transparent!important;}</style>
<a href="http://bis.rusff.ru/viewtopic.php?id=132">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=259">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=151">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=222">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=223">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=224">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=271">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=272">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=225">другие акции</a>
 
</div>

0

104

Deff
Получилось, большое спасибо!)

0

105

Вот подвинул ссылки снизу(margin-bottom:-3px;) - утоньшил бордюр:

Код:
<div class="scroll a" style="height:220px; line-height: 153%; background: transparent url(https://forumstatic.ru/files/0013/e1/a6/28538.png) no-repeat top left!important;">
<style>.scroll.a > a {border:2px solid #8B8771;margin-bottom:-3px;background: none transparent!important;}</style>
<a href="http://bis.rusff.ru/viewtopic.php?id=132">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=259">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=151">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=222">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=223">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=224">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=271">action  люди</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=272">action  лошади</a> 
<a href="http://bis.rusff.ru/viewtopic.php?id=225">другие акции</a>
 
</div>

0

106

Возникла проблема.
Не работает скрипт замены названий категорий на картинки.

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

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"welcome to the new world", "http://sh.uploads.ru/5AJpe.png",
"games informatoin", "http://sh.uploads.ru/PkC4c.png",
"Northeast", "http://sh.uploads.ru/w9szc.png",
"Midwest", "http://sh.uploads.ru/5Vm1s.png",
"South", "http://sh.uploads.ru/qdkgH.png",
"West", "http://sh.uploads.ru/Ph8sS.png",
"underworld", "http://sg.uploads.ru/g9Ln6.png",
"out of the world", "http://sh.uploads.ru/btATE.png"
"PR-zone", "http://sh.uploads.ru/hR3Gs.png"
"do it yourself", "http://sg.uploads.ru/cDrSV.png"
)
       $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
   "height":"64px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "background-position":"50%",
   "background-repeat":"no-repeat"
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

http://supernaturalbrothers.rolka.su

Как починить? Может конфликтовать с чем-то?

Отредактировано Иса (Пн, 25 Янв 2016 20:23:20)

0

107

Иса
Вы пропустили парочку запятых) Теперь будет работать

Код:
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"welcome to the new world", "http://sh.uploads.ru/5AJpe.png",
"games informatoin", "http://sh.uploads.ru/PkC4c.png",
"Northeast", "http://sh.uploads.ru/w9szc.png",
"Midwest", "http://sh.uploads.ru/5Vm1s.png",
"South", "http://sh.uploads.ru/qdkgH.png",
"West", "http://sh.uploads.ru/Ph8sS.png",
"underworld", "http://sg.uploads.ru/g9Ln6.png",
"out of the world", "http://sh.uploads.ru/btATE.png",
"PR-zone", "http://sh.uploads.ru/hR3Gs.png",
"do it yourself", "http://sg.uploads.ru/cDrSV.png"
)
       $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
   "height":"64px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "background-position":"50%",
   "background-repeat":"no-repeat"
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

+1

108

Решено

Поставила код на оформление постов, однако нижняя картинка не отображается.

Картинка

http://s6.uploads.ru/YTIKA.jpg

Код
Код:
.post-body {
  background: url("https://forumstatic.ru/files/0017/33/93/85973.jpg") top center no-repeat, url("https://forumstatic.ru/files/0017/33/93/26493.jpg") top repeat-y,
url("https://forumstatic.ru/files/0017/33/93/30277.jpg") bottom no-repeat;
  margin: 0px;
  padding: 0px;}

Как это можно исправить?

И ещё мааааленький вопросик: поставила код отключения мини-профиля в определённом подфоруме. Так вот, можно ли как то настроить текст в них, чтобы он попадал в рамку? оО

Картинка

http://s6.uploads.ru/VZzvu.jpg

Если никак нельзя, то мы и без этого кода обойдёмся хд
http://ntcnjdbtkby03.anihub.ru/

Отредактировано Эвелина Шайн (Пн, 25 Янв 2016 21:01:42)

0

109

Эвелина Шайн
:love:  спасибо, заработало )

0

110

И ещё одна проблемка. Не могу настроить расстояние от рамки оО

Картинка

http://s7.uploads.ru/tPF5T.jpg

Как это настраивается? оО Помогите т.т

0

111

Скажите, а как убрать это? http://s2.uploads.ru/t/plYx6.pnghttp://s3.uploads.ru/t/nDsGW.png

Отредактировано Массаракш (Пн, 25 Янв 2016 23:11:46)

0

112

Массаракш
Дадите ссылку на форум подсказать будет проще)

0

113

Эвелина Шайн
http://oblivioncrisis.rusff.ru/

0

114

Массаракш
Во втором окне стиля после иконок, либо удаляете строку, либо бордюр ставите 0

#pun-title td.title-logo-tdr {
    display: block!important;
    position: absolute!important;
    height: 60px!important;
    padding-left: 0px!important;
    width: 468px!important;
    left: 50%;
    margin-left: -290px!important;
    margin-top: 0px!important;
    padding-top: 0px!important;
    border: solid blue 1px;

0

115

Массаракш
Лучше ссылку на форум, дабы определить точно...

0

116

Эвелина Шайн
Я в этом практически полный ноль. Не могли бы вы указать, куда именно вставлять?

стиль
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
html {
background:#000 url(http://s3.uploads.ru/6cEv5.gif) repeat-y top center;
}

body {
padding-top:212px!important;
background:transparent url(http://s55.radikal.ru/i149/1601/1e/9b6c3d4b9793.jpg) no-repeat top center;
}
      


#pun {
padding-bottom:300px!important;
background:transparent url(http://s017.radikal.ru/i442/1601/9e/6c827da79207.jpg) no-repeat bottom center;
}
/* CS1.1 */
.punbb .section .container,.punbb .post-links,.punbb td.tc2,.punbb td.tc3,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend,.punbb .post-body {
border-width:0;
border-style:none;
background-color:transparent;
color:#000;
}

#pun-stats {
text-align:center;
}

/* CS1.2 */
.punbb .main .container,.punbb .post .container,.punbb .post h3,.punbb-admin #pun-admain .adcontainer,.punbb-admin #pun-admain h2 {
border-width:0;
border-style:none;
background-color:transparent;
background-position:right;
color:#000;
}

.punbb .post h3 a {
font-weight:700;
}

/* CS1.3 */
.punbb .main h1,.punbb .main h2,#pun-debug h2,#pun-stats h2 {
height:17px;
background:transparent none;
color:##4c4c4c;
text-align:center;
font-weight:700;
font-style:italic;
}

/* CS1.4 */
#pun-title,#pun-title .container,.punbb .modmenu .container {
position:relative;
top:5px;
background-color:transparent;
color:#000;
}

/* CS1.5 */
.punbb legend span,#viewprofile h2 span,#profilenav h2 span,.punbb-admin #pun-admain legend span {
background-color:transparent;
color:#000;
font-weight:400;
font-style:oblique;
}

/* CS1.6 */
.punbb th {
background-color:transparent;
color:gray;
}

.punbb .post h3 span,#viewprofile li,#setmods dl {
background-color:transparent;
color:#000;
}

#pun-main .topic h3 {
height:29px;
border-top:1px;
background-color:transparent;
}

#pun-main .topic .container {
margin-bottom:-13px;
background-color:transparent;
}

#pun-main .topic h3 span .permalink {
padding-left:20px;
}

/* CS1.7 */
.punbb .quote-box,.punbb .code-box {
background-color:#bbb;
color:#000;
}

/* CS1.8 */
#pun-navlinks .container {
background-color:transparent;
text-align:center;
}

#pun-ulinks.section .container {
background-color:transparent;
color:#0b0540;
text-align:center;
}

.offline li.pa-online strong {
font-weight:400;
}

.punbb textarea,.punbb select {
background-color:#F2FAFD;
color:#2d3c5a;
}

.punbb .formsubmit input {
border-top: 1px solid #000000;
   background: #d66565;
   background: -webkit-gradient(linear, left top, left bottom, from(#9c3e3e), to(#d66565));
   background: -webkit-linear-gradient(top, #9c3e3e, #d66565);
   background: -moz-linear-gradient(top, #9c3e3e, #d66565);
   background: -ms-linear-gradient(top, #9c3e3e, #d66565);
   background: -o-linear-gradient(top, #9c3e3e, #d66565);
   padding: 3px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #5c0d0d;
   background: #5c0d0d;
   color: #ffffff;
   }
.button:active {
   border-top-color: #5c1b1b;
   background: #5c1b1b;
   }

/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container,.punbb .post-body,.post h3,#pun-title {
border-color:none;
}

/* CS2.2 */
.punbb .section,.punbb .forum,.punbb .formal,.punbb .modmenu,.punbb .info,.punbb .category,.punbb .post {
border-color:none;
}

/* CS2.3 */
#pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-debug h2,.punbb-admin #pun-admain h2 {
border-color:none;
}

/* CS2.4 */
.punbb td,.punbb fieldset,#viewprofile ul,#profilenav ul,.punbb .post .post-body,.punbb .post h3 span,.post-links ul,.post-links,.usertable table {
border-color:none;
}

/* CS2.5 */
.punbb th {
border-color:none;
}

/* CS2.6 */
.punbb .quote-box,.punbb .code-box {
border-color:none;
}

#pun-ulinks,.punbb .main tbody .tcl,.punbb .main tbody .tcr {
border-color:none;
}

#pun-announcement h2 span,#pun-help .formal .info-box h3.legend span {
border-color:none;
}

li#onlinelist {
border-color:none;
}

#pun-announcement h2,li#onlinelist div,#pun-help .formal .info-box h3.legend {
border-color:none;
}

.punbb .divider {
border-color:none;
}

.punbb .formal fieldset .post-box,.punbb .info-box {
border:0 none #dedfdf;
}

li.pa-online {
border-left-color:none;
}

.punbb .post-sig dt {
border-top-color:#bbb;
}

/* CS3 Links
-------------------------------------------------------------*/
/* CS3.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 {
border-bottom:0 none #000;
color:#4e0707;
text-decoration:none;
}

.punbb li.isactive a,.punbb li.isactive a:link,.punbb li.isactive a:visited {
color:#4e0707;
}

/* CS3.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:maroon;
text-decoration:underline;
}

#pun-index .tcl h3 a:hover {
font-weight:700;
}

/* CS3.3 */
#pun-navlinks a {
color:maroon;
text-decoration:none;
font-weight:700;
}

/* CS3.4 */
#pun-navlinks a:hover,#pun-navlinks a:focus,#pun-navlinks a:active {
color:maroon;
text-decoration:underline;
font-weight:700;
}

#pun-pagelinks a:active,#pun-pagelinks a:focus {
background-color:#333;
color:#fff;
}

.linkst .postlink span a,.linkst .pagelink,.linkst .postlink a span,.linkst .pagelink a {
color:#4e0707;
}

#messages .linksb .pagelink,#messages .linksb .pagelink a {
color:#4e0707;
}

.container .post-links ul a {
color:#4e0707;
}

.punbb .formsubmit input:hover {
background:#4e0707;
}


/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
        background: url(http://s017.radikal.ru/i422/1601/73/470c91b8e6f5.png) no-repeat;
} /*старое сообщение*/

tr.inew div.icon {
        background: url(http://s004.radikal.ru/i205/1601/c8/b7ca4e9fefa7.png) no-repeat;
} /*новое сообщение*/

tr.iclosed div.icon {
        background: url(http://s003.radikal.ru/i202/1601/79/dd87a7a0d43b.png) no-repeat;
} /*закрытая тема*/

tr.iredirect div.icon {
        background: url(http://s017.radikal.ru/i419/1601/66/6c5d5b23c280.png) no-repeat;
} /*пере адресация темы*/

tr.isticky div.icon {
        background: url(http://s017.radikal.ru/i435/1601/a5/2e242674d65e.png) no-repeat;
} /*важная тема*/

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; right: 5px; top: 5px}



/* CS3.3 */
#pun-navlinks a {
 display: inline-block;
 height: 30px;
}

#navawards a, navawards a:hover {display: none;}

 #navindex a {background: url(http://s3.uploads.ru/t/Kc0si.png) no-repeat
top center; width: 77px; height: 57px;}
 #navindex a:hover {background: url(http://s3.uploads.ru/t/CNOUX.png) no-repeat top
center; width: 77px; height: 57px;}

#navuserlist a {background: url(http://s3.uploads.ru/t/ynkcI.png) no-repeat
top center; width: 99px; height: 57px;}
 #navuserlist a:hover {background: url(http://s2.uploads.ru/t/eC7kI.png) no-repeat top
center; width: 99px; height: 57px;}

  #navsearch a {background: url(http://s2.uploads.ru/t/yYgWz.png) no-repeat
top center; width: 82px; height: 57px;}
 #navsearch a:hover {background: url(http://s2.uploads.ru/t/bEOrZ.png) no-repeat top
center; width: 82px; height: 57px;}

    #navprofile a {background: url(http://s3.uploads.ru/t/ZVJEh.png) no-repeat
top center; width: 118px; height: 57px;}
 #navprofile a:hover {background: url(http://s2.uploads.ru/t/4caKx.png) no-repeat top
center; width: 118px; height: 57px;}

#navpm a {background: url(http://s2.uploads.ru/t/LQ8DI.png) no-repeat top
center; width: 77px; height: 57px;}
#navpm a:hover {background: url(http://s2.uploads.ru/t/sdbEW.png) no-repeat top center;
width: 77px; height: 57px;}
#navadmin a {background: url(http://s2.uploads.ru/t/TumOD.png) no-repeat top
center; width: 77px; height: 57px;}
#navadmin a:hover {background: url(http://s3.uploads.ru/t/Grca7.png) no-repeat top center;
width: 77px; height: 57px;}


    #navlogout a {background: url(http://s3.uploads.ru/t/MexOz.png) no-repeat
top center; width: 83px; height: 57px;}
 #navlogout a:hover {background: url(http://s3.uploads.ru/t/QZTIF.png) no-repeat top
center; width: 83px; height: 57px;}

    #navlogin a {background: url(http://s3.uploads.ru/t/S25lG.png) no-repeat
top center; width: 77px; height: 57px;}
 #navlogin a:hover {background: url(http://s2.uploads.ru/t/tHQgA.png) no-repeat top center;
width: 77px; height: 57px;}

   #navregister a {background: url(http://s2.uploads.ru/t/RSBMr.png) no-repeat
top center; width: 77px; height: 57px;}
 #navregister a:hover {background: url(http://s2.uploads.ru/t/RSBMr.png) no-repeat top
center;  width: 77px; height: 57px;}



#pun-navlinks a span {display: none;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #dacfa1;
  color: #fff;
  }

  #pun-navlinks a span {display: none;}

0

117

Массаракш
Простите о.о Это было не в стиле, HTML-низ. Этот код из него можно вообще удалить.

<style>/**/
#pun-title td.title-logo-tdr{
  display:block!important;
  position:absolute!important;
  height:60px!important;
  padding-left:0px!important;
  width:468px!important;
  left:50%;
  margin-left:-290px!important;
  margin-top:0px!important;
  padding-top:0px!important;
  border:solid blue 1px;
}
</style>

0

118

Эвелина Шайн
Спасибо.) Убралось с главной страницы.)

0

119

Массаракш
К сожалению в адмике сервисный баннер не убрать, его можно только сдвинуть)

0

120

Я не знаю, куда писать, поэтому пишу сюда.
Кто из ВАС возьмётся сделать БЕСПЛАТНЫЙ дизайн?

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (58)