Може ли да се получи следният ефект:

rumchi каза:
Може ли по някакъв начин да стане следното:
http://pic-bg.net/files/9jprlgemiasln2keznl5ftfkxdj182l60mkb8aei.jpg
Това го направих с Пфотошопа.
Може ли да стане с някакъв код?
Идеята е да покаже надпис "В разработка" на тъмен фон и да не бъдат активни функциите на сайта.
Увеличете...

Може с jQuery ( Javascript ) , но не си струва да качваш 1,5мегабайта файлове ... като може една картинка за фон за временен редирикт чрез .htaccess
 
Аз предлагам следното:

<div style="position:absolute; overflow:hidden; z-index:0"><img src="link kum prozrachen pic" border=0 width="100%" height="100%"></div>

<div style="position:absolute; overflow:hidden; z-index:1">Text</div>
Увеличете...
 
088777_ каза:
Аз предлагам следното:

<div style="position:absolute; overflow:hidden; z-index:0"><img src="link kum prozrachen pic" border=0 width="100%" height="100%"></div>

<div style="position:absolute; overflow:hidden; z-index:1">Text</div>
Увеличете...
Увеличете...

По този начин не стана нищо.


http://jquery.com/

http://web-tourist.net/login/login/view.php?st=381
Увеличете...

От тук http://jquery.com/ нищо не намерих
http://web-tourist.net/login/login/view.php?st=381 - това пък за какво ми е
 
rumchi, след малко ще ти дам подобно, но работещо ;).
 
Заповядай.

ДЕМО

Картинки: ТУК, ТУК и ТУК.
Код:

Код: 
<html>
<head>
<title>В разработка</title>
</head>
<body>
<style type="text/css">
#error {
position:absolute;
overflow:hidden;
z-index:5555;
width:100%;
height:100%;
background: url('blank.png');
}
#atext {
width: 170px;
position: absolute;
overflow:hidden;
z-index:6666;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -90px;
padding-top:10px;
padding-bottom:8px;
text-align: center;
border: 0;
background: url('bgpic.png');
}
</style>


<div id="error"></div>
<div align="center" id="atext">
<table border="0">
<tr><td>  <img src="error.png" width="50" height="50" border="0" /></td><td> В разработка</td></tr>
</table>
</div>



Здравейте. Това е нашия сайт.

</body>
</html>
 
088777_ каза:
Заповядай.

ДЕМО

Картинки: ТУК, ТУК и ТУК.
Код:

Код: 
<html>
<head>
<title>В разработка</title>
</head>
<body>
<style type="text/css">
#error {
position:absolute;
overflow:hidden;
z-index:5555;
width:100%;
height:100%;
background: url('blank.png');
}
#atext {
width: 170px;
position: absolute;
overflow:hidden;
z-index:6666;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -90px;
padding-top:10px;
padding-bottom:8px;
text-align: center;
border: 0;
background: url('bgpic.png');
}
</style>


<div id="error"></div>
<div align="center" id="atext">
<table border="0">
<tr><td>  <img src="error.png" width="50" height="50" border="0" /></td><td> В разработка</td></tr>
</table>
</div>



Здравейте. Това е нашия сайт.

</body>
</html>
Увеличете...


ms много +1
 
Промени си кода на този, защото в предишния бланк картинката беше с 5 пиксела на вътре, а в сегашния няма нито скрол, нито 5 пиксела на вътре ;).

Написах урока - http://web-tourist.net/login/login/view.php?st=2719
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе