Техническая поддержка форумов vBulletin
  форум vBSupport.ru > vBulletin > Old vB versions (3.0.x & 2.x.x) > vBulletin 3.6.x > Styles & Graphics [3.6.x]

Растянуть шкурку.

Register Меню vBsupport Изображения Files Manager О рекламе Today's Posts Search
  • Родная гавань
  • Блок РКН снят
  • Premoderation
  • For English speaking users
  • Каталог Фрилансеров
  • If you want to buy some product or script
  • Администраторам
VBsupport перешел с домена .ORG на родной .RU Ура! Пожалуйста, обновите свои закладки - VBsupport.ru
Блок РКН снят, форум доступен на всей территории России, включая новые терртории, без VPN
На форуме введена премодерация ВСЕХ новых пользователей

Почта с временных сервисов, типа mailinator.com, gawab.com и/или прочих, которые предоставляют временный почтовый ящик без регистрации и/или почтовый ящик для рассылки спама, отслеживается и блокируется, а так же заносится в спам-блок форума, аккаунты удаляются
for English speaking users:
You may be surprised with restriction of access to the attachments of the forum. The reason is the recent change in vbsupport.org strategy:

- users with reputation < 10 belong to "simple_users" users' group
- if your reputation > 10 then administrator (kerk, Luvilla) can decide to move you into an "improved" group, but only manually

Main idea is to increase motivation of community members to share their ideas and willingness to support to each other. You may write an article for the subject where you are good enough, you may answer questions, you may share vbulletin.com/org content with vbsupport.org users, receiving "thanks" equal your reputation points. We should not only consume, we should produce something.

- you may:
* increase your reputation (doing something useful for another members of community) and being improved
* purchase temporary access to the improved category:
10 $ for 3 months. - this group can download attachments, reputation/posts do not matter.
20 $ for 3 months. - this group can download attachments, reputation/posts do not matter + adds eliminated + Inbox capacity increased + files manager increased permissions.

Please contact kerk or Luvilla regarding payments.

Important!:
- if your reputation will become less then 0, you will be moved into "simple_users" users' group automatically.*
*for temporary groups (pre-paid for 3 months) reputation/posts do not matter.
Уважаемые пользователи!

На форуме открыт новый раздел "Каталог фрилансеров"

и отдельный раздел для платных заказов "Куплю/Закажу"

Если вы хотите приобрести какой то скрипт/продукт/хак из каталогов перечисленных ниже:
Каталог модулей/хаков
Ещё раз обращаем Ваше внимание: всё, что Вы скачиваете и устанавливаете на свой форум, Вы устанавливаете исключительно на свой страх и риск.
Сообщество vBSupport'а физически не в состоянии проверять все стили, хаки и нули, выкладываемые пользователями.
Помните: безопасность Вашего проекта - Ваша забота.
Убедительная просьба: при обнаружении уязвимостей или сомнительных кодов обязательно отписывайтесь в теме хака/стиля
Спасибо за понимание
 
 
 
 
КПбИСС
Простоузер
Question Растянуть шкурку.
0
Имеется некоторое кол-во шкурок, которые прилично смотрелись-бы в растянутом или наоборот узком вариантах.

PHP Code:
#page {
    padding: 24px 0px 0px 0px;
    margin: 0 auto;
    width: 833px;
    background: #d4d4d4 url(misc/bg.gif) top center repeat-x;
}

#container {
    margin: 0 auto;
    background-image: url(misc/page.gif);
    background-repeat: repeat-y;
    background-position: top left;
}

#left-col {
    float: left;
    width: 176px;
}

#left-col h1 {
    margin: 0;
    padding: 0;
    overflow: none;
    text-indent: -9999px;
}

#left-col h1 a {
    display: block;
    height: 66px;
    width: 176px;
    background-image: url(misc/logo.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#left-col h2 {
    margin: 0;
    padding: 0;
    overflow: none;
    text-indent: -9999px;
}

.sidebox {
    background: #2b2b2b url(misc/sidebox.gif) top left repeat-y;
    width: 147px;
    margin: 0px 0px 8px 14px;
}

.sidebox-b {
    background: #2b2b2b url(misc/sidebox-b.gif) top left no-repeat;
    padding: 4px;
    width: 139px;
    margin-top: 8px;
    font-size: 0px;
}

.sidebox ul {
    margin: 0px 5px 3px 16px;
    padding: 0px;
    color: white;
    list-style: none;
    line-height: 16px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.sidebox ul li {
    background-image: url(misc/bullet.gif);
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding-left: 19px;
}

.sidebox ul li a:link {
    text-decoration: none;
    color: white;
}

.sidebox ul li a:visited {
    text-decoration: none;
    color: white;
}

.sidebox ul li a:active {
    text-decoration: none;
    color: white;
}

.sidebox ul li a:hover {
    text-decoration: none;
    color: white;
}

.searchform {
    border: 1px black solid;
    background-color: white;
    color: #6c6c6c;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px 8px 4px 8px;
    width: 76px;
    vertical-align: top;
    margin: 0px 3px 0px 8px;
}

.go {
    background: #2b2b2b url(misc/go.gif) top left no-repeat;
    width: 32px;
    height: 22px;
    border: 0px;
    cursor: pointer;
}

#search h2 {
    background: #2b2b2b url(misc/search.gif) top left no-repeat;
    width: 147px;
    height: 40px;
}

#navigation h2 {
    background: #2b2b2b url(misc/navigation.gif) top left no-repeat;
    width: 147px;
    height: 40px;
}

#categories h2 {
    background: #2b2b2b url(misc/categories.gif) top left no-repeat;
    width: 147px;
    height: 40px;
}

#links h2 {
    background: #2b2b2b url(misc/links.gif) top left no-repeat;
    width: 147px;
    height: 40px;
}

#right-col {
    float: right;
    width: 657px;
}

#header-t {
    background: url(misc/header-t.gif) top left repeat-x;
    height: 22px;
    padding: 24px 0px 0px 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    vertical-align: bottom;
    width: 511px;
    float: left;
}

#header-r {
    float: right;
    width: 143px;
    height: 26px;
    background-image: url(misc/header-r.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 20px;
}

#header-r ul {
    margin: 0px;
    padding: 0px;
    text-indent: -9999px;
    overflow: hidden;
    list-style: none;
}

#header-r ul li a {
    display: block;
    background-image: url(misc/bookmark.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 133px;
    height: 20px;
}

#nav {
    background-image: url(misc/nav.gif);
    background-repeat: repeat-x;
    background-position: top left;
    height: 24px;
    clear: both;
}

#nav-l {
    background-image: url(misc/nav-l.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 24px;
}

#nav-r {
    background-image: url(misc/nav-r.gif);
    background-repeat: no-repeat;
    background-position: top right;
    height: 24px;
    padding: 0px 21px 0px 12px;
}

#nav ul {
    margin: 0px;
    padding: 0px;
    text-indent: -9999px;
    overflow: hidden;
    list-style: none;
}

#nav ul li {
    float: left;
}

#nav ul li a.home {
    display: block;
    height: 24px;
    width: 94px;
    background-image: url(misc/home.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li a:hover.home {
    display: block;
    height: 24px;
    width: 94px;
    background-image: url(misc/home-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li a.portfolio {
    display: block;
    height: 24px;
    width: 106px;
    background-image: url(misc/portfolio.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li a:hover.portfolio {
    display: block;
    height: 24px;
    width: 106px;
    background-image: url(misc/portfolio-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li a.tutorials {
    display: block;
    height: 24px;
    width: 109px;
    background-image: url(misc/tutorials.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li a:hover.tutorials {
    display: block;
    height: 24px;
    width: 109px;
    background-image: url(misc/tutorials-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li a.downloads {
    display: block;
    height: 24px;
    width: 118px;
    background-image: url(misc/downloads.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li a:hover.downloads {
    display: block;
    height: 24px;
    width: 118px;
    background-image: url(misc/downloads-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li a.about {
    display: block;
    height: 24px;
    width: 94px;
    background-image: url(misc/about.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li a:hover.about {
    display: block;
    height: 24px;
    width: 94px;
    background-image: url(misc/about-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li a.contact {
    display: block;
    height: 24px;
    width: 102px;
    background-image: url(misc/contact.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li a:hover.contact {
    display: block;
    height: 24px;
    width: 102px;
    background-image: url(misc/contact-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
}


#page-t {
    background-image: url(misc/page-t.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 18px 0px 6px 0px;
}

#navbar {
    color: #747474;
    font-size: 11px;
    line-height: 15px;
    background-image: url(misc/navbar.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
    padding: 0px 0px 13px 4px;
}

#navbar a:link {
    color: #747474;
    text-decoration: none;
}

#navbar a:visited {
    color: #747474;
    text-decoration: none;
}

#navbar a:active {
    color: #747474;
    text-decoration: none;
}

#navbar a:hover {
    color: #747474;
    text-decoration: underline;
}

#navbar img {
    vertical-align: top;
}

#b {
    height: 60px;
    width: 628px;
    background-image: url(misc/b.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    clear: both;
    padding: 20px 0px 0px 205px;
}

#footer {
    text-align: center;
    line-height: 15px;
}

.thead2 {
    border-top: 1px #b8b8b8 solid;
}

.alt1a {
    background-color: #e4e4e4;
    color: #585757;
    font-size: 12px;
    border-top: 1px #d7d7d7 solid;
}

.alt1a a:link {
    color: #585757;
    text-decoration: underline;
}

.alt1a a:visited {
    color: #585757;
    text-decoration: underline;
}

.alt1a a:active {
    color: #585757;
    text-decoration: underline;
}

.alt1a a:hover {
    color: #585757;
    text-decoration: none;
}

.alt1b {
    border: 3px #e4e4e4 solid;
    background: #e4e4e4 url(misc/alt1.gif) top left repeat-x;
    color: #585757;
    font-size: 11px;
}

.alt1b a:link {
    color: #f37200;
    text-decoration: underline;
}

.alt1b a:visited {
    color: #f37200;
    text-decoration: underline;
}

.alt1b a:active {
    color: #f37200;
    text-decoration: underline;
}

.alt1b a:hover {
    color: #f37200;
    text-decoration: none;
}

.alt1c {
    border: 2px #e4e4e4 solid;
    background: #e4e4e4 url(misc/alt1.gif) top left repeat-x;
    color: #585757;
    font-size: 11px;
}

.alt1c a:link {
    color: #f37200;
    text-decoration: underline;
}

.alt1c a:visited {
    color: #f37200;
    text-decoration: underline;
}

.alt1c a:active {
    color: #f37200;
    text-decoration: underline;
}

.alt1c a:hover {
    color: #f37200;
    text-decoration: none;
}

.collapse {
    background: #d9d9d9 url(misc/collapse-bg.gif) top left no-repeat;
    padding: 6px 5px 0px 6px;
    height: 22px;
    text-align: center;
    vertical-align: top;
}

.tcat-l {
    padding: 0px 4px 0px 4px;
    height: 28px;
    background: #d9d9d9 url(misc/tcat-l.gif) top left no-repeat;
}

.tcat-r {
    padding: 0px 7px 0px 7px;
    height: 28px;
    background: #d9d9d9 url(misc/tcat-r.gif) top left no-repeat;
}

.tcat-b {
    border-bottom: 2px #a3a3a3 solid;
}


.tcat2 {
    background: #202020 url(misc/tcat2.gif) top left repeat-x;
    height: 25px;
    font-size: 12px;
    color: white;
    font-weight: bold;
    padding: 0px 0px 3px 9px;
}

.tcat2-l {
    padding: 0px 19px 0px 20px;
    height: 28px;
    background: #202020 url(misc/tcat2-l.gif) top left no-repeat;
}

.tcat2-r {
    padding: 0px 8px 0px 8px;
    height: 28px;
    background: #202020 url(misc/tcat2-r.gif) top left no-repeat;
}

.toolbar-f {
    background: url(misc/toolbar-f.gif) top left repeat-x;
    height: 28px;
    margin: 0px;
    padding: 0px;
    color: #756a6a;
    font-weight: bold;
}

.toolbar-f-l {
    background: url(misc/toolbar-f-l.gif) top left no-repeat;
    height: 28px;
    margin: 0px;
}

.toolbar-f-r {
    background: url(misc/toolbar-f-r.gif) top right no-repeat;
    height: 20px;
    margin: 0px;
    padding: 8px 18px 0px 13px;
}

.toolbar-f-r img {
    vertical-align: top;
}

.toolbar-f-r a:link {
    color: #756a6a;
    text-decoration: none;
    margin-left: 10px;
}

.toolbar-f-r a:visited {
    color: #756a6a;
    text-decoration: none;
    margin-left: 10px;
}

.toolbar-f-r a:active {
    color: #756a6a;
    text-decoration: none;
}

.toolbar-f-r a:hover {
    color: #756a6a;
    text-decoration: underline;
}

.toolbar {
    background: url(misc/toolbar.gif) top left repeat-x;
    height: 30px;
    text-align: center;
    color: #756a6a;
    font-weight: bold;
}

.toolbar-l {
    background: url(misc/toolbar-l.gif) top left no-repeat;
    height: 30px;
}

.toolbar-r {
    background: url(misc/toolbar-r.gif) top right no-repeat;
    height: 22px;
    padding-top: 8px;
}

.toolbar-r img {
    vertical-align: top;
}

.toolbar-r a:link {
    color: #756a6a;
    text-decoration: none;
    margin-left: 12px;
}

.toolbar-r a:visited {
    color: #756a6a;
    text-decoration: none;
    margin-left: 12px;
}

.toolbar-r a:active {
    color: #756a6a;
    text-decoration: none;
}

.toolbar-r a:hover {
    color: #756a6a;
    text-decoration: underline;
}

.post-l {
    width: 172px;
    background: url(misc/post-l.gif) top left repeat-y;
    padding: 0px;
    text-align: center;
    color: #747474;
}

.post-l a:link {
    color: #e47410;
    text-decoration: none;
}

.post-l a:visited {
    color: #e47410;
    text-decoration: none;
}

.post-l a:active {
    color: #e47410;
    text-decoration: none;
}

.post-l a:hover {
    color: #e47410;
    text-decoration: underline;
}

.usrbit {
    background-image: url(misc/usrbit.gif);
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 11px;
    width: 120px;
    height: 22px;
    padding-left: 9px;
    line-height: 22px;
    margin-bottom: 5px;
    text-align: left;
}

.post-t-l {
    width: 129px;
    padding: 25px 21px 15px 22px;
    background-image: url(misc/post-t-l.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.post-l-b {
    background-image: url(misc/post-l-b.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 163px;
    height: 25px;
    padding: 20px 0px 0px 9px;
}

.post-l-b a {
    margin-right: 5px;
}

.post-r {
    width: 657px;
    padding: 0px;
    background: white url(misc/post-r.gif) top right repeat-y;
}

.post-b-r {
    background: white url(misc/post-b-r.gif) bottom left repeat-x;
    padding: 0px;
    height: 46px;
}

.post-bs-r {
    background: white url(misc/post-r.gif) top right repeat-y;
    height: 25px;
    text-align: right;
    padding: 0px 13px 0px 0px;
}

.post-br-r {
    background-image: url(misc/post-br-r.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 20px;
}

.post-tr-r {
    height: 29px;
    background: #e8e8e8 url(misc/post-tr-r.gif) bottom left no-repeat;
    float: right;
    width: 160px;
    padding: 15px 2px 0px 22px;
    font-weight: bold;
    color: #747474;
    font-size: 12px;
    word-spacing: 8px;
}

.post-tr-r-pm {
    height: 29px;
    background: #e8e8e8 url(misc/post-tr-r-pm.gif) bottom left no-repeat;
    float: right;
    width: 109px;
    padding: 15px 2px 0px 22px;
    font-weight: bold;
    color: #747474;
    font-size: 12px;
    word-spacing: 8px;
}

.post-body {
    font-size: 12px;
    color: #747474;
    padding: 9px 5px 9px 16px;
    clear: both;
}

.post-t-r {
    background: #e8e8e8 url(misc/post-t-r.gif) bottom left repeat-x;
    height: 28px;
    padding: 16px 0px 0px 6px;
    color: #dedede;
    font-size: 11px;
    width: 230px;
    float: left;
}

.post-t-r-pm {
    background: #e8e8e8 url(misc/post-t-r.gif) bottom left repeat-x;
    height: 28px;
    padding: 16px 0px 0px 6px;
    color: #dedede;
    font-size: 11px;
    width: 150px;
    float: left;
}

.post-t-r a:link {
    color: #dedede;
        text-decoration: none;
}

.post-t-r a:visited {
    color: #dedede;
        text-decoration: none;
}

.post-t-r a:active {
    color: #dedede;
        text-decoration: none;
}

.post-t-r a:hover {
    color: #dedede;
        text-decoration: none;
}

.post-tr-r a:link {
    color: #747474
    text-decoration: underline;
}

.post-tr-r a:visited {
    color: #747474
    text-decoration: underline;
}

.post-tr-r a:active {
    color: #747474
    text-decoration: underline;
}

.post-tr-r a:hover {
    color: #747474
    text-decoration: none;
}

#b-r {
    float: right;
    padding-right: 29px;
} 

Каке циферки и на что надо изменить в вышеуказанном коде, что-бы шкурка растянулась на 90% ширины экрана? Я в цсс полный нуб, очень прошу помощи.
Bot
Yandex Bot Yandex Bot is online now
 
Join Date: 05.05.2005
Реклама на форуме А что у нас тут интересного? =)
 
 
Romchik®
XenForo-Russia
 
Romchik®'s Avatar
Default
0
Попробуй так:
PHP Code:
#page {
    padding: 24px 0px 0px 0px;
    margin: 0 auto;
    width: 90%;
    background: #d4d4d4 url(misc/bg.gif) top center repeat-x;
} 
Хотя надо страницу видеть.
 
 
KPbISS
Простоузер
Default
0
Это было первое, что я сделал
 

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off



All times are GMT +4. The time now is 08:11 AM.

Contact Us - vBSupport.ru - Top

Powered by vBulletin® Version 3.6.7
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.