Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Alexander Koshelkov

Как сделать фон - Градиент

Recommended Posts

И снова я :) Не могу задать несколько вопросов в одной теме, вот создаю разные. У меня еще один вопрос к вам господа Знатоки ) :

Как сделать фон градиент, у меня на сайте есть фоновое изображение вверху и внизу, я хочу запихнуть под них переходящий градиент, вот пример:

post-44902-0-57805000-1303885980_thumb.jpg

вот сам сайт: www.creativestation.ru (прошу извенить, если нельзя выкладывать ссылки, если нарушаю правила - просто удалите мою ссылку)

Share this post


Link to post
Share on other sites

Да все точно также, как другие.

Просто накладываете слои, этот – внизу. Если изображения сверху прозрачные, сработает.

 

Ps

Лучше сделайте полупрозрачный светлый фон под рабочей областью форума.

Иначе эти картинки только ухудшают юзабилити.

Share this post


Link to post
Share on other sites

Ps

Лучше сделайте полупрозрачный светлый фон под рабочей областью форума.

Иначе эти картинки только ухудшают юзабилити.

А как? :) я ещё пока чайник в этом деле, учусь. По поводу градиента, если я сделаю его изображением то оно будет весить много. Мне нужно сделать так что бы оно было под двумя изображениями - небом и травой. Я знаю можно сделать что-то типа полосы - 1-2 пикселя и движек будет её дублировать по ширине.

Fisana - спасибо за советы!

Share this post


Link to post
Share on other sites

Как раз градиент не будет весить много.

Делаете тонкую полоску (весом несколько байт)

Ее даже можно привязать к html

В css добавить

.html {
background: #голубой Цвет, куда градиент переходит url({style_images_url}/grad_bg.png) 0 100% repeat-x;
}

Но верхние картинки должны быть прозрачными.

Share this post


Link to post
Share on other sites

Как раз градиент не будет весить много.

Делаете тонкую полоску (весом несколько байт)

Ее даже можно привязать к html

В css добавить

.html {
background: #голубой Цвет, куда градиент переходит url({style_images_url}/grad_bg.png) 0 100% repeat-x;
}

Но верхние картинки должны быть прозрачными.

Блин, не получается :( . Вот мои коды для фона

______________________________________________________

 

body {
background: #9bcced url({style_images_url}/body_bg.jpg) no-repeat top center;
color: #05335b;
font: normal 12.5px tahoma, arial, verdana, sans-serif;
position: relative;
}


#end_ipbwrapper {
       background:transparent url({style_images_url}/back_bottom.jpg) center bottom no-repeat;
            }


#ipbwrapper {      
margin: 0px auto 0px auto;  
text-align: left;
       padding: 0;  
width: 1003px; /* skin size choice 100% and between fixed skin*/
position: relative;


}

_______________________________________________________________

 

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

 

Вот сама полоска

post-44902-0-59580900-1303947661_thumb.png

Edited by Fisana

Share this post


Link to post
Share on other sites

Ну я не могу пробовать это у себя. Негде и времени нет.

 

Кроме того, у Вас в коде параметров для css3 нет, а на форуме явно используются.

Я о background-size

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

 

Не понимаю почему. Скрипт какой-то?

Если так, то он может влиять и на масштабирование градиента, добавляя параметры, вроде растягивания на весь экран, когда это не нужно.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...