...

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

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


Вы здесь » ... » Новый форум » Интересности


Интересности

Сообщений 1 страница 22 из 22

1

левосторонний скролл:

#scroll {unicode-bidi:bidi-override; direction:rtl; display:block; width:300px; height:100px; overflow:auto; padding:10px; border:1px solid #ba8; margin:100px auto;}
#scroll p {font-size:11px; line-height:16px;}

0

2

Меню- в шариках:

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

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.circlemenu{
width: 100%;
overflow:hidden;
}

.circlemenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}

.circlemenu li{
display: inline;
margin: 0;
}

.circlemenu li a{
display:inline-block;
text-align:center;
text-decoration: none;
color: white;
background:#b72d23;
margin: 0;
margin-right:5px; /*right spacing between each link */
width:100px;
height:100px;
border-radius: 400px; /*really large border radius to create round borders*/
-moz-border-radius: 400px;
-webkit-border-radius: 400px;
}

.circlemenu a span{
position:relative;
top:40%;
}

.circlemenu li a:visited{
color: white;
}

.circlemenu a:hover{
background: #a71b15;
}

</style>
Код:
<div class="circlemenu">
<ul>
<li><a href="http://www.dynamicdrive.com"><span>Home</span></a></li>
<li><a href="http://www.dynamicdrive.com/new.htm"><span>DHTML</span></a></li>
<li><a href="http://www.cssdrive.com"><span>CSS</span></a></li>
<li><a href="http://www.codingforums.com"><span>Forums</span></a></li>
<li><a href="http://www.javascriptkit.com"><span>JavaScript</span></a></li>
</ul>
</div>

http://www.dynamicdrive.com/style/cssli … rcle_menu/

0

3

фрэймы - верхний и справа:

Код:
<!--Force IE6 into quirks mode with this comment tag-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dynamic Drive: CSS Left and Top Frames Layout</title>
<style type="text/css">

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontentLeft, #framecontentTop{
position: absolute; 
top: 0; 
left: 0; 
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: navy;
color: white;
}

#framecontentTop{ 
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 120px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: navy;
color: white;
}

#maincontent{
position: fixed; 
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
top: 120px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background: #fff;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 120px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}

</style>

<script type="text/javascript">
/*** Temporary text filler function. Remove when deploying template. ***/
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
function filltext(words){
for (var i=0; i<words; i++)
document.write(gibberish[Math.floor(Math.random()*3)]+" ")
}
</script>

</head>

<body>

<div id="framecontentLeft">
<div class="innertube">

<h3>Sample text here</h3>

</div>
</div>

<div id="framecontentTop">
<div class="innertube">

<h1>CSS Left and Top Frames Layout</h1>
<h3>Sample text here</h3>

</div>
</div>


<div id="maincontent">
<div class="innertube">

<h1>Dynamic Drive CSS Library</h1>
<p><script type="text/javascript">filltext(255)</script></p>
<p style="text-align: center">Credits: <a href="http://www.dynamicdrive.com/style/">Dynamic Drive CSS Library</a></p>

</div>
</div>


</body>
</html>

http://www.dynamicdrive.com/style/layou … es-layout/

0

4

http://www.dynamicdrive.com/style/layou … ry/C11/P0/

0

5

http://www.dynamicdrive.com/style/cssli … n-menu-ii/

0

6

разобрать и внедрить:

http://www.cssplay.co.uk/menus/cssplay-click-slide.html

http://www.dynamicdrive.com/style/cssli … rrow_divs/

0

7

http://www.stunicholls.com/gallery/jque … thing.html

0

8

.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{position: absolute;
  right: 700px;
  top: -400px;
}

0

9

текст вдоль любой кривой:
http://csswarp.eleqtriq.com/

0

10

<style type="text/css"> /* Прозрачность рекламного банера */
.title-logo-tdr *, #tieser-bottom{
  filter:alpha(opacity=50)!important;
  opacity: 0.5!important; 
  -moz-opacity: 0.5!important; 
  -khtml-opacity: 0.5!important;
}
.title-logo-tdr *:hover, #tieser-bottom:hover{
filter:alpha(opacity=100)!important;
opacity: 1.0!important; 
-moz-opacity: 1.0!important; 
-khtml-opacity: 1.0!important;
}
</style> <!-- Конец п/п банера -->

0

11

Код:
<script type="text/javascript"><!-- М/Ж картинкой слево от Ника -->
  $(document).ready(function(){
myarray=new Array(
"0", "http://savepic.org/1291095.png",    //Картинка - для "Нет Пола"["0" -  включена, "1" - выключена]
"Пол: Мужской", "http://savepic.org/1247060.png",
"Пол: Женский", "http://savepic.org/1300311.png"  //End myarray; 
)
if (document.URL.indexOf("viewtopic.php?id")!= -1){
$("div.post-author").each(function (i) {
var s=$(this).find("ul li.pa-sex").html();
   if (s!=null){for(var q=2;q<myarray.length;q++){
if ($(this).find("ul li.pa-sex").text().indexOf(myarray[q])!= -1){
    $(this).find("ul li.pa-sex").hide() //Скрытие
var imgadr=q+1;};q++;}}
   else {imgadr=1};if (myarray[imgadr-1]!=1) {
ss2=$(this).find("ul li.pa-author a:first").prepend("<img class=\"\" src=\""+myarray[imgadr]+"\" alt=\""+myarray[imgadr-1]+"\"/> ");};;});};});
</script>

0

12

случайный фон

Код:
<script type="text/javascript">
var phr = new Array()
phr.push("Ссылка на картинку")
phr.push("Ссылка на картинку")
phr.push("Ссылка на картинку")
phr.push("Ссылка на картинку")

document.write('<style> html, body {background: url('+phr[Math.round(Math.random()*(phr.length-1))]+') fixed repeat;}</style>')
</script>

0

13

Код:
    	<select name="sel">
<option value="http://biglove-a.narod2.ru/ggg.css">Pergament</option>
<option value="http://biglove-a.narod2.ru/style_1.css">Old1</option>
<option value="http://biglove-a.narod2.ru/style_3.css">Old2</option>
<option value="http://biglove-a.narod2.ru/garri_i_gof.css">Harry_and_Gof</option><option value="http://biglove-a.narod2.ru/valentin.css">Valentin</option>
<option value="http://biglove-a.narod2.ru/sinii.css">Sinii</option>
<option value="http://biglove-a.narod2.ru/1sky1300.css">sky1300</option>
<option value="http://biglove-a.narod2.ru/1sky1600.css">sky1600</option>
<option value="http://biglove-a.narod2.ru/leto.css">leto</option>
</select>

<input type="button" id="button" class="button" value="ОК" />

<script type="text/javascript"> 
function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
function rmcookie(a) {var d = new Date();d.setDate(d.getDate()-900);if(a) document.cookie = a+'=a; expires='+d.toUTCString();else return false;}
 
function change_style(k,l) {setcookie("styles", k); l.href = k;}
function click_style(k,l){if(getcookie('styles') != k) change_style(k,l);}
 
var link = document.getElementsByTagName("link");
for(i in link) {
if ((link[i].rel == "stylesheet")) { 
if(getcookie('styles') != '') change_style(getcookie('styles'), link[i]);
document.getElementById('button').onclick=function(){var userstyle = document.getElementsByName('sel')[0].value;change_style(userstyle,link[i])}
break;
}}
</script>

смена дизайна еще один.

0

14

Код:
<SCRIPT language="javascript"> 
 var howMany = 5
 var quote = new Array(howMany+1)  
 quote[0]="<img src=http://shaykan.rolka.su/uploads/000e/f9/d5/31-1-f.jpg height=150;width=150; onclick=changeSizeImage(this)>"
 quote[1]="<img src=http://shaykan.rolka.su/uploads/000e/f9/d5/28-1-f.jpg height=150;width=150; onclick=changeSizeImage(this)>"
quote[2]="<img src=http://shaykan.rolka.su/uploads/000e/f9/d5/29-2-f.jpg height=150;width=150; onclick=changeSizeImage(this)>"
quote[3]="<img src=http://shaykan.rolka.su/uploads/000e/f9/d5/30-2-f.jpg height=150;width=150; onclick=changeSizeImage(this)>"
quote[4]="<img src=http://mpl.mybb.ru/uploads/000e/bc/1f/21140-2-f.jpg height=150;width=150; onclick=changeSizeImage(this)>"
quote[5]="<img src=http://mpl.mybb.ru/uploads/000e/bc/1f/21287-1-f.jpg height=150;width=150; onclick=changeSizeImage(this)>"
 
function rndnumber(){  
 var randscript = -1  
 while (randscript < 0 || randscript > howMany || isNaN(randscript)){  
 randscript = parseInt(Math.random()*(howMany+1))  
 }  
 return randscript  
 }  
 quo = rndnumber()  
 quox = quote[quo]  
 document.write(quox) 
 </SCRIPT><SCRIPT language="javascript"> 
 var howMany = 5
 var quote = new Array(howMany+1)  
 quote[0]="<img src=http://shaykan.rolka.su/uploads/000e/f9/d5/29-3-f.jpg height=150;width=150; onclick=changeSizeImage(this)>"
 quote[1]="<img src=http://shaykan.rolka.su/uploads/000e/f9/d5/29-4-f.jpg height=150; onclick=changeSizeImage(this)>"
quote[2]="<img src=http://shaykan.rolka.su/uploads/000e/f9/d5/29-5-f.jpg height=150;  onclick=changeSizeImage(this)>"
quote[3]="<img src=http://shaykan.rolka.su/uploads/000e/f9/d5/30-1-f.jpg height=150; onclick=changeSizeImage(this)>"
quote[4]="<img src=http://mpl.mybb.ru/uploads/000e/bc/1f/21144-2-f.jpg height=150; onclick=changeSizeImage(this)>"
quote[5]="<img src=http://mpl.mybb.ru/uploads/000e/bc/1f/21416-2-f.jpg height=150; onclick=changeSizeImage(this)>"
 
function rndnumber(){   
 var randscript = -1  
 while (randscript < 0 || randscript > howMany || isNaN(randscript)){  
 randscript = parseInt(Math.random()*(howMany+1))  
 }  
 return randscript  
 }  
 quo = rndnumber()  
 quox = quote[quo]  
 document.write(quox) 
 </SCRIPT>

0

15

Код:
<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
<img src="http://s52.radikal.ru/i136/0903/c8/60cda6a50a83.png" ></a><div
style="display: none">
Здесь баннеры
</div>

0

16

<div id="pun-live-rusff">
<span class="cool3" title="Кто рекомендует">
<span class="cool2">
<span class="cool1" id="thiscool" onclick="rusffLive.page_vote()" title="Кликните, чтобы рекомендовать эту страницу. Второй клик уберет рекомендацию">Это интересно</span>
<span style="float: right;">
<div id="pun-live-rusff-peoples" style="display: none">
<div class="person">
   <a href="http://support.rusff.ru/profile.php?id=2" title="Duka">
      <img src="/img/avatars/0003/ac/ce/2-1305817825.png" width="100%"/>
   </a>
   </div>
</div>
</div>

0

17

Код:
<script type="text/javascript">/* --- ! Скрытие текста в профиле !--- */
$(function(){
$('div.post-author').hover(function(){
$(this).find('.pa-reg, .pa-posts, .pa-respect, .pa-positive, .pa-fld1, .pa-fld2, .pa-ip, .pa-time-visit, .pa-online').toggle(700);});
});
</script>

0

18

Код:
<script type="text/javascript"> /* --- ! Скрытие категорий !--- */ 
function findCat()
{
var ni=1
for (ni=1; ni<=10; ni++)
{var idx="pun-category"+ni
var im="image"+ni
if (!document.getElementById(idx))
{break}
if (document.cookie.indexOf("category")!=-1)
{var cook1=document.cookie.substr(document.cookie.indexOf("category"))
var cook=cook1.substr((cook1.indexOf(ni)+String(ni).length), 2)
if (cook=="op")
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="block"
var pic="http://i012.radikal.ru/1106/6c/8c36602787d2.png"
var tit="Скрыть"
}
else if (cook=="cl")
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="none"
var pic="http://s016.radikal.ru/i336/1106/f8/773e7cb6f42e.png"
var tit="Показать"
}}
else if (document.cookie.indexOf("category")==-1)
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="block"
var pic="http://i012.radikal.ru/1106/6c/8c36602787d2.png"
var tit="Скрыть"
}
document.getElementById(idx).getElementsByTagName("h2")[0].innerHTML="<div class=\"catleft\"><!-- --></div>"+"<img src='"+pic+"' "+"id='"+im+"' "+"style='cursor: hand;'"+"title='"+tit+"' "+"onclick='changeCat("+ni+")'"+" align='right' /><span>"+document.getElementById(idx).getElementsByTagName("span")[0].innerHTML+"</span><div class=\"catright\"><!-- --></div>"} 
}
if (!document.URL.indexOf(".php")!=-1 || document.URL.indexOf("index.php")!=-1)
{findCat()
window.onunload=saveCooks}

function changeCat(ru)
{var tb="pun-category"+ru
var img="image"+ru
if (document.getElementById(tb).getElementsByTagName("table")[0].style.display!="none")
{document.getElementById(tb).getElementsByTagName("table")[0].style.display="none"
document.getElementById(img).src="http://s016.radikal.ru/i336/1106/f8/773e7cb6f42e.png"
document.getElementById(img).title="Показать"}
else
{document.getElementById(tb).getElementsByTagName("table")[0].style.display="block"
document.getElementById(img).src="http://i012.radikal.ru/1106/6c/8c36602787d2.png"
document.getElementById(img).title="Скрыть"}
}
function saveCooks()
{
var sample="category="
var vi=1
for (vi=1; vi<=10; vi++)
{var ct="pun-category"+vi
if (!document.getElementById(ct))
{break}
if (document.getElementById(ct).getElementsByTagName("table")[0].style.display!="none")
{sample+=vi+"op"}
else if (document.getElementById(ct).getElementsByTagName("table")[0].style.display=="none")
{sample+=vi+"cl"}}
var day=new Date()
day.setDate(day.getDate()+365)
sample+=";expires="+day.toGMTString()
document.cookie=sample}
</script>

0

19

смена скрипта как на хевенскхул:

Код:
<div style="position: absolute; top: 3px; left: 3px; position:fixed!important;
  top:0!important;">
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br> 
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br> 
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('http://forumfiles.ru/styles/0005/36/64/style.1306858970.css')"><img src="http://www.10pix.ru/img1/1532/4510469.png"/></a>
<br>
</div>

глупый вопль о сплЯгиаченном нике

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Код:
http://paxdome.rolka.su/viewtopic.php?id=141&p=13#p2459

0

20

увеличение при наведении

Код:
<center><ul class="hoverbox">
<li>
<a href="http://prestige.rusff.ru/profile.php?id=2" target="_blank">
<img src="http://www.10pix.ru/img1/4773/4568605.gif" border="0"> 
<img class="preview" src="http://www.10pix.ru/img1/1843/4568608.gif" border="0" ></a>
</li>
</ul>
<ul class="hoverbox">
<li>
<a href="http://prestige.rusff.ru/profile.php?id=3" target="_blank">
<img src="http://www.10pix.ru/img1/156924/4568611.gif" border="0"> 
<img class="preview" src="http://www.10pix.ru/img1/1160/4568613.gif" border="0" ></a>
</li>
</ul>
<ul class="hoverbox">
<li>
<a href="http://prestige.rusff.ru/profile.php?id=4" target="_blank">
<img src="http://www.10pix.ru/img1/200150/4568618.gif" border="0"> 
<img class="preview" src="http://www.10pix.ru/img1/2355/4568616.gif" border="0" ></a>
</li>
</ul>
<ul class="hoverbox">
<li>
<a href="http://prestige.rusff.ru/profile.php?id=5" target="_blank">
<img src="http://www.10pix.ru/img1/1827/4568601.gif" border="0"> 
<img class="preview" src="http://www.10pix.ru/img1/852776/4568602.gif" border="0" ></a>
</li>
</ul></center>
Код:
/* Hoverbox Code*/ 
.hoverbox {cursor: default;list-style:none;} 
.hoverbox a {cursor: default;} 
.hoverbox a .preview {display:none;} 
.hoverbox a:hover .preview {display: block;position: absolute;top:-33px;left:-45px;z-index:1;} 
.hoverbox img {background: #fff;border-color: #a6dcf5;border-style: solid;border-width: 1px;color: inherit;padding: 0px;vertical-align:top;} 
.hoverbox li {background: #eaf8fe;color: inherit; display: inline;float:left;margin: 3px;padding:1px;position: relative;} 
.hoverbox .preview {border-color: #a6dcf5;}                  
   /* ----------------- */

0

21

еще для категорий-картинок:

<script type="text/javascript">
$(function(){
$('.category > h2 span:contains("название категории")').before('<img class="categor" src="картинка"  /> ');
$('.category > h2 span:contains("название категории")').before('<img class="categor" src="картинка"  /> ');
$('.category > h2 span:contains("название категории")').before('<img class="categor" src="картинка"  /> ');
$('.category > h2 span:contains("название категории")').before('<img class="categor" src="картинка"  /> ');
$('.category > h2 span:contains("название категории")').before('<img class="categor" src="картинка"  /> ');
$('.category > h2 span:contains("название категории")').before('<img class="categor" src="картинка"  /> ');
</script>

0

22

взять стандартный дизайн:

/style/nevblack/nevblack.css  - чтобы узнать файл .css
/style/nevblack/nevblack_cs.css - чтобы узнать файл _cs.css

0


Вы здесь » ... » Новый форум » Интересности


Рейтинг форумов | Создать форум бесплатно © 2007–2019 «QuadroSystems» LLC