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

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

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

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

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

Страница:   1 … 40 41 42 43 44 … 50  

Сообщений 821 страница 840 из 1000

821

  • Автор: Саймон
  • Заслуженный
  • Саймон
  • Зарегистрирован: Вс, 15 Авг 2010
  • Сообщений: 51
  • Уважение: +6
  • Позитив: +9
  • Пол: Женский
  • Последний визит:
    Вт, 22 Янв 2013 22:18:02

На форуме ЕТП имелся (и, надеюсь, имеется) скрипт для присваивания каждой категории индивидуальной картинки. Можно ли сделать то же самое, но не скриптом, а "своим стилем"? То есть как бы "вшить" эти самые индивидуальные картинки в дизайн? Просто с картинками для ссылок навигации это сделать можно - значит, наверно, теоретически сиё реализуемо, так?

0

822

  • Автор: Катарина
  • Заслуженный
  • Катарина
  • Зарегистрирован: Ср, 5 Дек 2007
  • Сообщений: 585
  • Уважение: +8
  • Позитив: +174
  • Пол: Женский
  • Последний визит:
    Вт, 31 Дек 2019 11:25:11

Deff
не думаю что форум как-то поможет... там ничего нет, но вот http://nothingelse.mybb.ru/

0

823

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57
Саймон написал(а):

На форуме ЕТП имелся (и, надеюсь, имеется) скрипт для присваивания каждой категории индивидуальной картинки. Можно ли сделать то же самое, но не скриптом, а "своим стилем"?

Во второе окно стиля:

Код:
.category h2 span{
display: none;
}

#pun-category1 h2 {
height: 81px; 
background-image: url(Адрес изображения для первой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category2 h2 {
height: 81px; 
background-image: url(Адрес изображения для второй категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category3 h2 {
height: 81px; 
background-image: url(Адрес изображения для третьей категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category4 h2 {
height: 81px; 
background-image: url(Адрес изображения для четвёртой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category5 h2 {
height: 81px; 
background-image: url(Адрес изображения для пятой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category6 h2 {
height: 81px; 
background-image: url(Адрес изображения для шестой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category7 h2 {
height: 81px; 
background-image: url(Адрес изображения для седьмой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category8 h2 {
height: 81px; 
background-image: url(Адрес изображения для восьмой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

+1

824

  • Автор: Саймон
  • Заслуженный
  • Саймон
  • Зарегистрирован: Вс, 15 Авг 2010
  • Сообщений: 51
  • Уважение: +6
  • Позитив: +9
  • Пол: Женский
  • Последний визит:
    Вт, 22 Янв 2013 22:18:02
rps написал(а):

Во второе окно стиля:

в самый конец или надо куда-то в строго определённое место?

0

825

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

Катарина
Здравствуйте.

Катарина написал(а):

http://stylephotoshop.ru/ - хотелось бы узнать скрипт этого форума, ну тот что держит название и прокручивает сам форум
            Как можно вставить картинку, чтобы она находилась над форумом, но включала в себя и строку   форум, участники и т.д; новые сообщения старые и т.д + объявление?
            если есть возможность что то прописывать через цсс хотела бы знать именно такой вариант, а если его нет, то буду рада и за скрипт.)

Код:
<style type="text/css">
#pun-title {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}

#pun {
margin-top: 100px;
}
</style>
Катарина написал(а):

итак есть такие любопытные вопросы:http://hpfight.rusff.ru/ - очень понравилась мысль с перемещением ссылок по бокам форума, можно его узнать?и по этому же примеру другой вопрос, есть ли возможность в таких же местах (по бокам) вписывать свои данные? если да, то можно узнать способ?

Вам просто сбоку сделать?

0

826

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

Саймон
Куда хотите.

0

827

  • Автор: Саймон
  • Заслуженный
  • Саймон
  • Зарегистрирован: Вс, 15 Авг 2010
  • Сообщений: 51
  • Уважение: +6
  • Позитив: +9
  • Пол: Женский
  • Последний визит:
    Вт, 22 Янв 2013 22:18:02
rps написал(а):

Куда хотите.

ясно, спасибо огромное)

0

828

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

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

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

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

Так подойдёт?

Код:
<style type="text/css">
.category h2 {
text-align: center !important;
}
</style>

0

829

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

м а р л и `
Здравствуйте.

м а р л и ` написал(а):

мне нужен скрипт замены ссылок в профиле участника "Профиль", "ЛС", "Е-майл".. и "Удалить", "Редактировать", "Цитировать", "Жалоба" на изображения.

Код:
<script>
<!--
indexof="<img src='ссылка на картинку' />"
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='ссылка на картинку' />"
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>
<!--
pravilof="<img src='ссылка на картинку' />"
str = document.getElementById("navrules").innerHTML
pos = str.indexOf("Правила")
document.getElementById("navrules").innerHTML=str.substring(0,pos)+pravilof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
findof="<img src='ссылка на картинку' />"
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='ссылка на картинку' />"
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='ссылка на картинку' />"
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='ссылка на картинку' />"
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>
<!--
valiof="<img src='ссылка на картинку' />"
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>
<script>
<!--
vxodiof="<img src='ссылка на картинку' />"
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>
<!--
regof="<img src='ссылка на картинку' />"
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>

0

830

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57
Кросс написал(а):

rps, я ставлю, сохраняю, возвращаюсь - снова как в первом варианте. А ставлю второй, ваш.

Можно мне Ваш логин и пароль в ЛС? Попробую сам поставить.

0

831

  • Автор: wanted
  • Заслуженный
  • Зарегистрирован: Сб, 13 Ноя 2010
  • Сообщений: 16
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пт, 28 Янв 2011 17:27:44

rps
у меня стоит вот этот код в html-верх -

Код:
 <style type="text/css">

   /*1. Настройка общего вида линков */

    #navindex a {background: url(http://i56.tinypic.com/rcnhtx.png) no-repeat top center;}

    #pun-navlinks a {
    display: inline-block;
    height: 40px;
    width: 70px;
    margin-left: 1px;
    }
    #navuserlist a {background: url(http://i56.tinypic.com/akelhv.png) no-repeat top center;}
    #navsearch a {background: url(http://i55.tinypic.com/2zrjqsz.png) no-repeat top center;}
    #navprofile a {background: url(http://i55.tinypic.com/2ai0e85.png) no-repeat top center;}
    #navpm a {background: url(http://i52.tinypic.com/2isfcpl.png) no-repeat top center;}
    #navadmin a {background: url(http://i56.tinypic.com/16gwqb6.png) no-repeat top center;}
    #navlogout a {background: url(http://i53.tinypic.com/fm6vyh.png) no-repeat top center;}
    #navlogin a {background: url(http://i56.tinypic.com/wcmxpz.png) no-repeat top center;}
    #navregister  a {background: url(http://i51.tinypic.com/21ovl0m.png) no-repeat top center;}


    /*3. Настройка изображений при ховере (наведении) */

    #navindex a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navuserlist a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navsearch a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navprofile a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navpm a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navadmin a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navlogout a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navlogin a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navregister a:hover {background: url(адрес_изображения) no-repeat top center;}

    /* Скрываем текстовые надписи */

    #pun-navlinks a span {display: none;}
   </style>

куда вставить то, что вы написали и каким образом?

0

832

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

wanted
Простите, я немного не то дал Вам.
Попробуйте заменить ХТМЛ-верх на такой код:

Код:
<style type="text/css">
/*1. Настройка общего вида линков */
#navindex a {
background: url(http://i56.tinypic.com/rcnhtx.png) no-repeat top center;
}

#pun-navlinks .container {
text-align: center !important;
}

#pun-navlinks a {
    display: inline-block;
    height: 40px;
    width: 70px;
    margin-left: 1px;
    }
    #navuserlist a {background: url(http://i56.tinypic.com/akelhv.png) no-repeat top center;}
    #navsearch a {background: url(http://i55.tinypic.com/2zrjqsz.png) no-repeat top center;}
    #navprofile a {background: url(http://i55.tinypic.com/2ai0e85.png) no-repeat top center;}
    #navpm a {background: url(http://i52.tinypic.com/2isfcpl.png) no-repeat top center;}
    #navadmin a {background: url(http://i56.tinypic.com/16gwqb6.png) no-repeat top center;}
    #navlogout a {background: url(http://i53.tinypic.com/fm6vyh.png) no-repeat top center;}
    #navlogin a {background: url(http://i56.tinypic.com/wcmxpz.png) no-repeat top center;}
    #navregister  a {background: url(http://i51.tinypic.com/21ovl0m.png) no-repeat top center;}


    /*3. Настройка изображений при ховере (наведении) */

    #navindex a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navuserlist a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navsearch a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navprofile a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navpm a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navadmin a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navlogout a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navlogin a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navregister a:hover {background: url(адрес_изображения) no-repeat top center;}

    /* Скрываем текстовые надписи */

    #pun-navlinks a span {display: none;}
   </style>

0

833

  • Автор: wanted
  • Заслуженный
  • Зарегистрирован: Сб, 13 Ноя 2010
  • Сообщений: 16
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пт, 28 Янв 2011 17:27:44

rps
благодарю, вы волшебник)

0

834

  • Автор: Катарина
  • Заслуженный
  • Катарина
  • Зарегистрирован: Ср, 5 Дек 2007
  • Сообщений: 585
  • Уважение: +8
  • Позитив: +174
  • Пол: Женский
  • Последний визит:
    Вт, 31 Дек 2019 11:25:11
rps написал(а):

Катарина написал(а):

    http://stylephotoshop.ru/ - хотелось бы узнать скрипт этого форума, ну тот что держит название и прокручивает сам форум
                Как можно вставить картинку, чтобы она находилась над форумом, но включала в себя и строку   форум, участники и т.д; новые сообщения старые и т.д + объявление?
                если есть возможность что то прописывать через цсс хотела бы знать именно такой вариант, а если его нет, то буду рада и за скрипт.)

Код:

<style type="text/css">
#pun-title {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}

#pun {
margin-top: 100px;
}
</style>

Это к какому из двух?

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

Вам просто сбоку сделать?

а это касается только этих ссылок, да? свои данные так сбоку писать нельзя?

0

835

  • Автор: Катарина
  • Заслуженный
  • Катарина
  • Зарегистрирован: Ср, 5 Дек 2007
  • Сообщений: 585
  • Уважение: +8
  • Позитив: +174
  • Пол: Женский
  • Последний визит:
    Вт, 31 Дек 2019 11:25:11
Катарина написал(а):

Это к какому из двух?

поняла...

а как на счёт этого?

Катарина написал(а):

Как можно вставить картинку, чтобы она находилась над форумом, но включала в себя и строку   форум, участники и т.д; новые сообщения старые и т.д + объявление?

0

836

  • Автор: wanted
  • Заслуженный
  • Зарегистрирован: Сб, 13 Ноя 2010
  • Сообщений: 16
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пт, 28 Янв 2011 17:27:44

rps
а, и еще - как по центру так же сделать пользовательское меню?

0

837

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57
Катарина написал(а):

Как можно вставить картинку, чтобы она находилась над форумом, но включала в себя и строку   форум, участники и т.д; новые сообщения старые и т.д + объявление?

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

0

838

  • Автор: Ourei
  • Заслуженный
  • Ourei
  • Зарегистрирован: Сб, 4 Дек 2010
  • Сообщений: 7
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Сб, 29 Янв 2011 02:26:05

rps
Один из стандартных, чтобы на его основе сварганить свой.

0

839

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57
wanted написал(а):

а, и еще - как по центру так же сделать пользовательское меню?

Тогда замените код на этот:

Код:
<style type="text/css">
/*1. Настройка общего вида линков */
#navindex a {
background: url(http://i56.tinypic.com/rcnhtx.png) no-repeat top center;
}

#pun-navlinks .container, #pun-ulinks .container {
text-align: center !important;
}

#pun-navlinks a {
    display: inline-block;
    height: 40px;
    width: 70px;
    margin-left: 1px;
    }
    #navuserlist a {background: url(http://i56.tinypic.com/akelhv.png) no-repeat top center;}
    #navsearch a {background: url(http://i55.tinypic.com/2zrjqsz.png) no-repeat top center;}
    #navprofile a {background: url(http://i55.tinypic.com/2ai0e85.png) no-repeat top center;}
    #navpm a {background: url(http://i52.tinypic.com/2isfcpl.png) no-repeat top center;}
    #navadmin a {background: url(http://i56.tinypic.com/16gwqb6.png) no-repeat top center;}
    #navlogout a {background: url(http://i53.tinypic.com/fm6vyh.png) no-repeat top center;}
    #navlogin a {background: url(http://i56.tinypic.com/wcmxpz.png) no-repeat top center;}
    #navregister  a {background: url(http://i51.tinypic.com/21ovl0m.png) no-repeat top center;}


    /*3. Настройка изображений при ховере (наведении) */

    #navindex a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navuserlist a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navsearch a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navprofile a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navpm a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navadmin a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navlogout a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navlogin a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navregister a:hover {background: url(адрес_изображения) no-repeat top center;}

    /* Скрываем текстовые надписи */

    #pun-navlinks a span {display: none;}
   </style>

0

840

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57
Ourei написал(а):

Один из стандартных

Какой конкретно?

0

Страница:   1 … 40 41 42 43 44 … 50  

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