заден фон

T

TreantBG

Registered
Здравейте!

Как да направя че когато скролирам задния фон да не се повтаря по 1000 пъти, а да изглежда така че само си седи на едно място а буквите се местят
 
а как можем да зададем точна големина на фона че ми се отрязва от картинката която съм сложил...
 
Еми първо да попитам - на боди тага ли си сложил бекграунда ?
Иначе аз ти предложих следното
<body>
<div id="mainContainer">


content

</div>
</body>

съответно CSS

#mainContainer {
width: желания width;
height: същото;
background : слагаш си картинката със сищите width i height кат на контейнера
background-attachment : fixed;
.
.
.
}
Или просто си преоразмеряваш картинката.
Дано да съм те разбрал правилно.
 
Така съм си писал бодито
Код: 
body {
    font-family: "tahoma", "arial", "helvetica", "sans-serif";
    font-size: 8pt;
	background-image:url(background.jpg);
    background-attachment : fixed;
    scrollbar-face-color: #4E5559;
    scrollbar-highlight-color: #A3A3A3;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color:  #A3A3A3;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
    color: #EFEFEF;
}


къде да ги сложа тези

width:
height:
 
Във нов файл CSS например style.css и във всеки файл трябва да го добавиш по следния начин <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
 
Ако искаш фона да се повтаря го направи така
Код: 
body {
    font-family: "tahoma", "arial", "helvetica", "sans-serif";
    font-size: 8pt;
	background-image: url('background.jpg');
     background-repeat: repeat;
    background-attachment : fixed;
    scrollbar-face-color: #4E5559;
    scrollbar-highlight-color: #A3A3A3;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color:  #A3A3A3;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
    color: #EFEFEF;
}
 
SuCcEsS каза:
Ако искаш фона да се повтаря го направи така
Код: 
body {
    font-family: "tahoma", "arial", "helvetica", "sans-serif";
    font-size: 8pt;
	background-image: url('background.jpg');
     background-repeat: repeat;
    background-attachment : fixed;
    scrollbar-face-color: #4E5559;
    scrollbar-highlight-color: #A3A3A3;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color:  #A3A3A3;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
    color: #EFEFEF;
}
Увеличете...

нали аз точно това искам да избегна.
повтарянето на фона.
ама като не четеш така е

искам целия фон да се показва без да се повтаря
 
Начи пробвай така
Код: 
body {
    font-family: "tahoma", "arial", "helvetica", "sans-serif";
    font-size: 8pt;
	background-image: url('background.jpg' width='100%' height='100%');
     background-repeat: no;
    background-attachment : fixed;
    scrollbar-face-color: #4E5559;
    scrollbar-highlight-color: #A3A3A3;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color:  #A3A3A3;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
    color: #EFEFEF;
}
или
Код: 
body {
    font-family: "tahoma", "arial", "helvetica", "sans-serif";
    font-size: 8pt;
	background-image: url('background.jpg');
     background-repeat: no;
    background-attachment : fixed;
background-width: 100%;
background-height: 100%;
    scrollbar-face-color: #4E5559;
    scrollbar-highlight-color: #A3A3A3;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color:  #A3A3A3;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
    color: #EFEFEF;
}
 
SuCcEsS каза:
Начи пробвай така
Код: 
body {
    font-family: "tahoma", "arial", "helvetica", "sans-serif";
    font-size: 8pt;
	background-image: url('background.jpg' width='100%' height='100%');
     background-repeat: no;
    background-attachment : fixed;
    scrollbar-face-color: #4E5559;
    scrollbar-highlight-color: #A3A3A3;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color:  #A3A3A3;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
    color: #EFEFEF;
}
или
Код: 
body {
    font-family: "tahoma", "arial", "helvetica", "sans-serif";
    font-size: 8pt;
	background-image: url('background.jpg');
     background-repeat: no;
    background-attachment : fixed;
background-width: 100%;
background-height: 100%;
    scrollbar-face-color: #4E5559;
    scrollbar-highlight-color: #A3A3A3;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color:  #A3A3A3;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
    color: #EFEFEF;
}
Увеличете...

не става и по тези начини.:(
 
ми то всички графики ще се смачкат...
то ако беше по малко нямаше да пиша тази тема нали :)

добре сега съм в отчаяно положение :cry:
 
Еми направи както ти казах няколко поста по-горе.
Див таг с размери 1000/900.
Кода го има по-назад.
 
оставям си го така...
явно ще трябва да променя фона...

Код: 
body {
    font-family: "tahoma", "arial", "helvetica", "sans-serif";
    font-size: 8pt;
	background-image:url(background.jpg);
    background-attachment : fixed;
    scrollbar-face-color: #4E5559;
    scrollbar-highlight-color: #A3A3A3;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color:  #A3A3A3;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
    color: #EFEFEF;
}
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе