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

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

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


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


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

Сообщений 221 страница 240 из 1000

221

wanted Ну в HTML верх - код такой

</style>
<style type="text/css">
BODY  {background-color: transparent; background-image: url(http://savepic.net/186942.jpg) !important; background-position:  center top; background-repeat: no-repeat; background-attachment: scroll !important; }
HTML {background-color:#6D6D6D; background-image: url(http://savepic.net/138803.png) !important; background-position:  center top; background-repeat: repeat-y; background-attachment: scroll !important; }
   #pun {margin: auto; width : 700px; background-attachment: fixed;  } /* Ширина форума */
</style>

При этом Вот этот код из HTML низ - уберите

<style type="text/css">
    HTML, BODY  {background-color: #13151A; background-image: url("http://i56.tinypic.com/sq40ux.png") !important; background-position:  center top; background-repeat: no-repeat; background-attachment: scroll; } /* цвет фона, Фоновая картинка, прокрутка.. */

   #pun {margin: auto; width : 700px; background-attachment: scroll;  } /*  Ширина форума, без прокрутки  */
</style>

А вообще у Вас Свой стиль - дождитесь rps - возможно он поцкажет чо поменять в стиле!, а не оффтопить в Настройках

Отредактировано Deff (Сб, 13 Ноя 2010 21:08:21)

0

222

Здравствуйте. ищу помощи здесь.
1. Воспользоваться кодом замены на картинку слов в навигации (форум, поиск, профиль и т.д.)
Но ничего так и не вышло. Прошу помощи.

Как записать эти скрипты:

Код:
<script>
<!--
indexof="<img src='http://forumupload.ru/uploads/000d/ff/eb/94-1.png'/ >"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script>



<script>
<!--
userof="<img src='http://forumupload.ru/uploads/000d/ff/eb/94-2.png' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
-->
</script>



<script>
<!--
findof="<img src='http://forumupload.ru/uploads/000d/ff/eb/94-3.png' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>


<script>
<!--
faseof="<img src='http://forumupload.ru/uploads/000d/ff/eb/94-4.png' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
-->
</script>

<script>
<!--
pismaof="<img src='http://forumupload.ru/uploads/000d/ff/eb/94-5.png' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>


<script>
<!--
godof="<img src='http://forumupload.ru/uploads/000d/ff/eb/95-1.png' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>

<script>
<!--
regof="<img src='http://forumupload.ru/uploads/000d/ff/eb/96-1.png' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
-->
</script>


<script>
<!--
vxodiof="<img src='http://forumupload.ru/uploads/000d/ff/eb/95-3.png'/>"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>

<script>
<!--
valiof="<img src='http://forumupload.ru/uploads/000d/ff/eb/95-2.png' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>

В CSS. Могли бы Вы помочь оформить всё?

2. Знаю что поместить таблицу в шапке стало возможным, но не знаю возможно ли, и как, сделать таблицу такого плана?

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

0

223

Sweet Darkness написал(а):

1. Воспользоваться кодом замены на картинку слов в навигации (форум, поиск, профиль и т.д.) Но ничего так и не вышло. Прошу помощи.

Ставите свои картинки в скрипт и Запихиваете в HTML низ

Установите  скрипт и дайте ссылку на форум - (*если чо не получаецо

Sweet Darkness написал(а):

2. Знаю что поместить таблицу в шапке стало возможным, но не знаю возможно ли, и как, сделать таблицу такого плана?

В заказ таблиц - и если нужна прокрутка - укажите

Отредактировано Deff (Сб, 13 Ноя 2010 21:18:00)

0

224

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

Ставите свои картинки в скрипт и Запихиваете в HTML низ

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

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

В заказ таблиц - и если нужна прокрутка - укажите

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

0

225

ночи доброй.
можно ли как-то отрегулировать размер окошка переадресации?

0

226

Sweet Darkness написал(а):

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

В сss скрипты не прописываюца и птом - странное у Вас прецтавление- всё что вы уберете из настроек в окна стиля - точно также и таким же объемом загружаецо через файл css так шо по загрузке выигрыша ноль - ток красивость и удобство для Админа

Отредактировано Deff (Сб, 13 Ноя 2010 21:49:54)

0

227

кофейница написал(а):

ночи доброй.можно ли как-то отрегулировать размер окошка переадресации?

ну в Окне стиля - там жа де и Иконку ставили

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

Вместо auto; и своя цифра

Отредактировано Deff (Сб, 13 Ноя 2010 22:11:18)

+1

228

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

В сss скрипты не прописываюца и птом - странное у Вас прецтавление- всё что вы уберете из настроек в окна стиля - точно также и таким же объемом загружаецо через файл css так шо по загрузке выигрыша ноль - ток красивость и удобство для Админа

Цитата DUKA
Мысли вслух

Меня всегда интересовал один момент: почему все те, кто делает дизайны для форумов, используют JavaScript-код для замены стандартных надписей "Форум, Участники, Поиск" и т.п. вместо того, чтобы сделать элегантный вариант средствами того же CSS?

Во-первых, это тоже элемент дизайна, и использовать HTML-код там, где должен быть CSS, нецелесообразно.

Во-вторых, с отключением JS на форуме пропадет и данный элемент дизайна.

В-третьих, богатый CSS — это просто красиво :)

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

Код:
<script>
<!--
findof="<img src='http://i38.tinypic.com/30rwtbs.jpg' >"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>

вместо того, чтобы использовать CSS

Код:
li#navsearch {
   background: url(http://i38.tinypic.com/30rwtbs.jpg) center center no-repeat; /* Задать фон */
   padding: 5px 15px;
}
li#navsearch a{
   padding: 5px 15px;
}
li#navsearch a span{
   visibility: hidden; /* Скрыть стандартную надпись */
}

Пример грубый, но понятный.
Подгоняйте под дизайны, используйте весь функционал CSS, создавайте красивые форумы с красивым кодом :)

0

229

Sweet Darkness написал(а):

Цитата DUKAМысли вслух

Ну пишите, пишите, я не против. Переносите во что хотите и куда хотите.

0

230

HL
Ищите это в первом окне стиля:

Код:
/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

И поменяйте на:

Код:
/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }
* html .tclcon {height: 1px}
/* C2.14 */
.punbb td div.tclcon {
        margin-left: 50px;
}
/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 100px;
    height: 100px;
}

Пункт "C2.16" удалите вообще.
Затем во втором окне стиля, вместо

Код:
div.icon {border-color: #C0C0C0 #A0A0A0 #909090 #A0A0A0}
tr.iredirect div.icon {border-color: #DCD9D1 #DCD9D1 #DCD9D1 #DCD9D1}
div.inew {border-color: #A49DA3 #847D83 #746D73 #847D83}

Пропишите вот это:

Код:
Div.icon {
background-image : url(http://ipicture.ru/uploads/101112/Ux6VEoGf9g.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://ipicture.ru/uploads/101112/O4flnY5vbB.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(адрес иконки выделенной темы);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(адрес иконки закрытой темы);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(адрес иконки перадресации с форума);
background-repeat: no-repeat;
}

Из ХТМЛ-верх код для вставки иконок удалите.

0

231

wanted
Уберите это из ХТМЛ-верх:

Код:
<style type="text/css">
    HTML, BODY  {background-color: #13151A; background-image: url("http://i56.tinypic.com/sq40ux.png") !important; background-position:  center top; background-repeat: no-repeat; background-attachment: scroll; } /* цвет фона, Фоновая картинка, прокрутка.. */

   #pun {margin: auto; width : 700px; background-attachment: scroll;  } /*  Ширина форума, без прокрутки  */
</style>

В начале второго окна стиля это:

Код:
HTML, BODY {background-image: url(); no-repeat top center; background-position: center; font-size: 14px; background-attachment: scroll} 
body {

	background-color: #A9A9A9;
}

Замените на вот это:

Код:
html {
background: #6D6D6D url(http://savepic.net/138803.png) center top repeat-y !important; 
} 
body {
background: transparent url(http://savepic.net/186942.jpg) center top no-repeat !important; 
}

Отредактировано rps (Сб, 13 Ноя 2010 22:57:14)

0

232

rps
спасибо, то что нужно))

0

233

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

http://vampirediaries2seson.rolka.su/ - вот ссылка

0

234

S O S.

В разных браузерах таблица моего форума отображается по разному. Лиь только в пару браузерах нормально, в других съежает. Как "зафиксировать" таблицу на одном месте?. (таблица в шапке)

0

235

TuttiFrutti
Здравствуйте.

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

Вроде всё поставилось, но когда переходишь в какие-нибудь темы, верхняя часть форума уезжает. Как его опустить вниз в этом случае?            http://vampirediaries2seson.rolka.su/ - вот ссылка

Посмотрите, так подойдёт? http://partner.mybb.ru.

0

236

Sweet Darkness написал(а):

S O S.            В разных браузерах таблица моего форума отображается по разному. Лиь только в пару браузерах нормально, в других съежает. Как "зафиксировать" таблицу на одном месте?. (таблица в шапке)

Проверил - у меня во всех браузерах нормально. Вот так:

http://i010.radikal.ru/1011/ce/a9acec0fa4c9t.jpg

Показывайте, как у Вас.

0

237

rps
Опера:

0

238

rps
Пт, 12 Ноя 2010 20:47:28 Иногда происходит вот такое скрин* При обновление несколько раз, встает на место

Добавлено: Вернее уже даже и не встает на место, с настройками не че не делаю.

Отредактировано Invisible Man (Вс, 14 Ноя 2010 13:50:21)

0

239

rps
Вот, когда окно уменьшаешь:
Гугл.

0

240

Invisible Man написал(а):

rpsПт, 12 Ноя 2010 20:47:28 Иногда происходит вот такое скрин* При обновление несколько раз, встает на место

Я сейчас пообновлялся - у меня всё в норме, ничего не сдвигается.... Единственное - Ваш форум у меня очень долго грузится. Может быть поэтому и глючит?

0


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