Форумы » MPCHAT - CMS хостинг чатов для профессионалов »

JavaScript - Скрипты



1 ... 6 7 8 9 10

643
-STRIKE-
[color=red]Радужный текст[/color]
В head
[code]<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Quak Zhixuan (zhixuan@email.com) -->
<!-- Modifications: Jim Cairo (jcairo@mediaone.net) -->
<!-- Begin
function createHexArray(n) {
this.length = n;
for (var i = 1; i <= n; i++)
this[i] = i - 1;

this[11] = "A";
this[12] = "B";
this[13] = "C";
this[14] = "D";
this[15] = "E";
this[16] = "F";
return this;
}
hx = new createHexArray(16);

function convertToHex(x) {
if (x < 17) x = 16;
var high = x / 16;
var s = high+"";
s = s.substring(0, 2);
high = parseInt(s, 10);
var left = hx[high + 1];
var low = x - high * 16;
if (low < 1) low = 1;
s = low + "";
s = s.substring(0, 2);
low = parseInt(s, 10);
var right = hx[low + 1];
var string = left + "" + right;
return string;
}

function makeRainbow(text) {
text = text.substring(0, text.length);
color_d1 = 255;
mul = color_d1 / text.length;
for(var i = 0; i < text.length; i++) {
color_d1 = 255*Math.sin(i / (text.length / 3));
color_h1 = convertToHex(color_d1);
color_d2 = mul * i;
color_h2 = convertToHex(color_d2);

k = text.length;
j = k - i;
if (j < 0) j = 0;
color_d3 = mul * j;
color_h3 = convertToHex(color_d3);

document.write("<FONT COLOR=\"#" + color_h3 + color_h1 + color_h2 + "\">" + text.substring(i, i + 1) + "</FONT>");
}
}
// End -->
</script>[/code]
Это в body
[code]<center>
<strong>
<font size=6>
<script>
<!--
makeRainbow("sTrIkE^");
// -->
</script>
</font>
</strong>
</center>[/code]
643
-STRIKE-
[color=blue]Скрипт до 2011 года осталось..[/color][code]<center></a></center><br><br>
<center>До 2011 Года осталось:</center><br>

<SCRIPT language="JavaScript" type="text/javascript">
function fulltime () {
var time=new Date();
var newYear=new Date("jan,1,2011,00:00:00");
var totalRemains=(newYear.getTime()-time.getTime());

if (totalRemains>1){

var RemainsSec = (parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};

document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+" секунд";
setTimeout('fulltime()',10)
}

else{
document.getElementById("clock").innerHTML="Поздравляем с Новым 2010 Годом!";
}
}
</SCRIPT>


<body>
<div align="center"><span id="clock"></div>
<div align="center"><b><span id="RemainsFullDays"></span></b></div><br>
</span>

<SCRIPT language=JavaScript>fulltime();</SCRIPT>[/code]
518
Mister_X
еще один скрипт аналог расположенного выше

[code]<center><script language='javascript' type='text/javascript'>
function fulltime () {
var time=new Date();
var newYear=new Date("jan,01,2010,00:00:00"); //все месяца jan , feb , mar , apr , may , jun , jul , aug , sep , oct , nov , dec .
var totalRemains=(newYear.getTime()-time.getTime());

if (totalRemains>1){

var RemainsSec = (parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};




document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+"<span id='Rem'> <font size=7><b>дн.</b></font></span>";
document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"<span id='Rem'> <b>час.</b></span>";
document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"<span id='Rem'> <b>мин.</b></span>";
document.getElementById("lastSec").innerHTML=lastSec+"<span id='Rem'> <b>сек.</b></span>";


<!-- highslide start -->
setTimeout('fulltime()',100)
}

else{
document.getElementById("clock").innerHTML="C НОВЫМ ГОДОМ !!!";
}
}
</script>
<style type='text/css'>
#clou_xs {position:relative;width:300px;height:238px;background: url(АДРЕС_ФОНА_ДЛЯ_ТАЙМЕРА) no-repeat}
#clock {width:300px;height:238px;text-align:center;color:red;font-size:25px;}
#RemainsFullDays {position:absolute;font-size:90px;color: red;margin-top:25px;left:85px;}
#RemainsFullHours {position:absolute;bottom:1px;left:65px;font-size:25px;color:red;}
#RemainsMinutes {position:absolute;bottom:1px;left:140px;font-size:25px;color:red;}
#lastSec {position:absolute;bottom:1px;left:225px;font-size:25px;color:red;}
#Rem {font-size:25px;font-weight:normal;color:red;}
</style>
<div id='clou_xs'>
<div id='clock'><b>До нового года осталось!</b><br>

<span id='RemainsFullDays'></span>
<span id='RemainsFullHours'></span>
<span id='RemainsMinutes'></span>
<span id='lastSec'></span>
</div>
</div>
<script language='javascript'>fulltime();</script>
<br />
</center>[/code]
Только в этом таймере указанна количество дней , часов , минут , секунд до окончания срока , а выше общее количество времени да еще и в секундах . А так же вы можете менять цвет вашего таймера как вам угодно и установить отдельный фон за счет стилей которые располагаются в этом же скрипте . Юзайте на здоровье 😀

ЗЫ специально для bleA? Этот таймер можно ставить на что угодно не только на новый год ... просто смените надписи на которые вам угодно ...


Отредактировано Mister_X - 04.01.2010
3907
Q-Tec
[color=blue]Страны в выплывающем меню для настроек и страницы регистрации[/color].[color=red] Большое обновление[/color]! (В данный список входят 241 страна)
Возможная установка на страницу настроек и страницу регистрации... Советуется не использовать на странице регистрации простое поле инпут, а в настройках выбор... тогда получится ерунда т.к. при регистрации человек может указать страну "Хрен её знает" и как пользователям потом понимать такую фишку? (:






[color=red][b]Для страницы настроек[/b][/color]:
[code]<script>if('%land%'==1) ;print='<select name=land>';print+='<option value=->-</option>';print+='<option value=\"United Kingdom\">United Kingdom</option><option value=\"United States\">United States</option><option value=\"Afghanistan\">Afghanistan</option><option value=\"Albania\">Albania</option><option value=\"Algeria\">Algeria</option><option value=\"American Samoa\">American Samoa</option><option value=\"Andorra\">Andorra</option><option value=\"Angola\">Angola</option><option value=\"Anguilla\">Anguilla</option><option value=\"Antarctica\">Antarctica</option><option value=\"Antigua + Barbuda\">Antigua + Barbuda</option><option value=\"Argentina\">Argentina</option><option value=\"Armenia\">Armenia</option><option value=\"Aruba\">Aruba</option><option value=\"Ascension Is.\">Ascension Is.</option><option value=\"Asia Pacific\">Asia Pacific</option><option value=\"Australia\">Australia</option><option value=\"Austria\">Austria</option><option value=\"Azerbaijan\">Azerbaijan</option><option value=\"Bahamas\">Bahamas</option><option value=\"Bahrain\">Bahrain</option><option value=\"Bangladesh\">Bangladesh</option><option value=\"Barbados\">Barbados</option><option value=\"Belarus\">Belarus</option><option value=\"Belgium\">Belgium</option><option value=\"Belize\">Belize</option><option value=\"Benin\">Benin</option><option value=\"Bermuda\">Bermuda</option><option value=\"Bhutan\">Bhutan</option><option value=\"Bolivia\">Bolivia</option><option value=\"Bosnia + Herzegovina\">Bosnia + Herzegovina</option><option value=\"Botswana\">Botswana</option><option value=\"Bouvet Is.\">Bouvet Is.</option><option value=\"Brazil\">Brazil</option><option value=\"British Indian Oc. Ter.\">British Indian Oc. Ter.</option><option value=\"Brunei\">Brunei</option><option value=\"Bulgaria\">Bulgaria</option><option value=\"Burkina Faso\">Burkina Faso</option><option value=\"Burundi\">Burundi</option><option value=\"Canada\">Canada</option><option value=\"Cambodia\">Cambodia</option><option value=\"Cameroon\">Cameroon</option><option value=\"Cap Verde\">Cap Verde</option><option value=\"Cayman Is.\">Cayman Is.</option><option value=\"Central African Rep.\">Central African Rep.</option><option value=\"Chad\">Chad</option><option value=\"Chile\">Chile</option><option value=\"China\">China</option><option value=\"Christmas Is.\">Christmas Is.</option><option value=\"Cocos Is.\">Cocos Is.</option><option value=\"Colombia\">Colombia</option><option value=\"Comoros\">Comoros</option><option value=\"Congo\">Congo</option><option value=\"Cook Is.\">Cook Is.</option><option value=\"Costa Rica\">Costa Rica</option><option value=\"Croatia\">Croatia</option><option value=\"Cuba\">Cuba</option><option value=\"Cyprus\">Cyprus</option><option value=\"Czech Rep.\">Czech Rep.</option><option value=\"Denmark\">Denmark</option><option value=\"Djibouti\">Djibouti</option><option value=\"Dominica\">Dominica</option><option value=\"Dominican Rep.\">Dominican Rep.</option><option value=\"East Timor\">East Timor</option><option value=\"Ecuador\">Ecuador</option><option value=\"El Salvador\">El Salvador</option><option value=\"Egypt\">Egypt</option><option value=\"Equatorial Guinea\">Equatorial Guinea</option><option value=\"Eritrea\">Eritrea</option><option value=\"Estonia\">Estonia</option><option value=\"Ethiopia\">Ethiopia</option><option value=\"Falkland Is.\">Falkland Is.</option><option value=\"Faroe Is.\">Faroe Is.</option><option value=\"Fiji\">Fiji</option><option value=\"Finland\">Finland</option><option value=\"France\">France</option><option value=\"French Guiana\">French Guiana</option><option value=\"French Polynesia\">French Polynesia</option><option value=\"French Southern Ter.\">French Southern Ter.</option><option value=\"Gabon\">Gabon</option><option value=\"Gambia\">Gambia</option><option value=\"Georgia\">Georgia</option><option value=\"Germany\">Germany</option><option value=\"Ghana\">Ghana</option><option value=\"Gibraltar\">Gibraltar</option><option value=\"Greece\">Greece</option><option value=\"Greenland\">Greenland</option><option value=\"Grenada\">Grenada</option><option value=\"Guadeloupe\">Guadeloupe</option><option value=\"Guam\">Guam</option><option value=\"Guatemala\">Guatemala</option><option value=\"Guinea\">Guinea</option><option value=\"Guinea-Bissau\">Guinea-Bissau</option><option value=\"Guyana\">Guyana</option><option value=\"Haiti\">Haiti</option><option value=\"Heard + McDonald Is.\">Heard + McDonald Is.</option><option value=\"Honduras\">Honduras</option><option value=\"Hong Kong\">Hong Kong</option><option value=\"Hungary\">Hungary</option><option value=\"Iceland\">Iceland</option><option value=\"India\">India</option><option value=\"Indonesia\">Indonesia</option><option value=\"Iran\">Iran</option><option value=\"Iraq\">Iraq</option><option value=\"Ireland\">Ireland</option><option value=\"Israel\">Israel</option><option value=\"Italy\">Italy</option><option value=\"Jamaica\">Jamaica</option><option value=\"Japan\">Japan</option><option value=\"Jordan\">Jordan</option><option value=\"Kazakhstan\">Kazakhstan</option><option value=\"Kenya\">Kenya</option><option value=\"Kiribati\">Kiribati</option><option value=\"Korea, North\">Korea, North</option><option value=\"Korea, South\">Korea, South</option><option value=\"Kuwait\">Kuwait</option><option value=\"Kyrgyzstan\">Kyrgyzstan</option><option value=\"Laos\">Laos</option><option value=\"Latvia\">Latvia</option><option value=\"Lebanon\">Lebanon</option><option value=\"Lesotho\">Lesotho</option><option value=\"Liberia\">Liberia</option><option value=\"Libya\">Libya</option><option value=\"Liechtenstein\">Liechtenstein</option><option value=\"Lithuania\">Lithuania</option><option value=\"Luxembourg\">Luxembourg</option><option value=\"Macau\">Macau</option><option value=\"Macedonia\">Macedonia</option><option value=\"Madagascar\">Madagascar</option><option value=\"Malawi\">Malawi</option><option value=\"Malaysia\">Malaysia</option><option value=\"Maldives\">Maldives</option><option value=\"Mali\">Mali</option><option value=\"Malta\">Malta</option><option value=\"Marshall Is.\">Marshall Is.</option><option value=\"Martinique\">Martinique</option><option value=\"Mauritania\">Mauritania</option><option value=\"Mauritius\">Mauritius</option><option value=\"Mayotte\">Mayotte</option><option value=\"Mexico\">Mexico</option><option value=\"Micronesia\">Micronesia</option><option value=\"Moldova\">Moldova</option><option value=\"Monaco\">Monaco</option><option value=\"Mongolia\">Mongolia</option><option value=\"Montserrat\">Montserrat</option><option value=\"Morocco\">Morocco</option><option value=\"Mozambique\">Mozambique</option><option value=\"Myanmar\">Myanmar</option><option value=\"Namibia\">Namibia</option><option value=\"Nauru\">Nauru</option><option value=\"Netherlands\">Netherlands</option><option value=\"Netherlands Antilles\">Netherlands Antilles</option><option value=\"Nepal\">Nepal</option><option value=\"New Caledonia\">New Caledonia</option><option value=\"New Zealand\">New Zealand</option><option value=\"Nicaragua\">Nicaragua</option><option value=\"Niger\">Niger</option><option value=\"Nigeria\">Nigeria</option><option value=\"Niue\">Niue</option><option value=\"Norfolk Is.\">Norfolk Is.</option><option value=\"Northern Mariana Is.\">Northern Mariana Is.</option><option value=\"Norway\">Norway</option><option value=\"Oman\">Oman</option><option value=\"Pakistan\">Pakistan</option><option value=\"Palau\">Palau</option><option value=\"Palestinian Ter.\">Palestinian Ter.</option><option value=\"Panama\">Panama</option><option value=\"Papua New Guinea\">Papua New Guinea</option><option value=\"Paraguay\">Paraguay</option><option value=\"Peru\">Peru</option><option value=\"Philippines\">Philippines</option><option value=\"Pitcairn Is.\">Pitcairn Is.</option><option value=\"Poland\">Poland</option><option value=\"Portugal\">Portugal</option><option value=\"Puerto Rico\">Puerto Rico</option><option value=\"Qatar\">Qatar</option><option value=\"Reunion Is.\">Reunion Is.</option><option value=\"Romania\">Romania</option><option value=\"Russia\">Russia</option><option value=\"Rwanda\">Rwanda</option><option value=\"St. Helena\">St. Helena</option><option value=\"St. Kitts + Nevis\">St. Kitts + Nevis</option><option value=\"St. Lucia\">St. Lucia</option><option value=\"St. Pierre + Miquelon\">St. Pierre + Miquelon</option><option value=\"St. Vincent + G/dines\">St. Vincent + G/dines</option><option value=\"San Marino\">San Marino</option><option value=\"Sao Tome + Principe\">Sao Tome + Principe</option><option value=\"Saudi Arabia\">Saudi Arabia</option><option value=\"Senegal\">Senegal</option><option value=\"Seychelles\">Seychelles</option><option value=\"Sierra Leone\">Sierra Leone</option><option value=\"Slovenia\">Slovenia</option><option value=\"Solomon Is.\">Solomon Is.</option><option value=\"Somalia\">Somalia</option><option value=\"South Africa\">South Africa</option><option value=\"S. Georgia + S/w Is.\">S. Georgia + S/w Is.</option><option value=\"Spain\">Spain</option><option value=\"Singapore\">Singapore</option><option value=\"Slovakia\">Slovakia</option><option value=\"Sri Lanka\">Sri Lanka</option><option value=\"Sudan\">Sudan</option><option value=\"Suriname\">Suriname</option><option value=\"Svalbard + Jan Mayen\">Svalbard + Jan Mayen</option><option value=\"Swaziland\">Swaziland</option><option value=\"Sweden\">Sweden</option><option value=\"Switzerland\">Switzerland</option><option value=\"Syria\">Syria</option><option value=\"Tanzania\">Tanzania</option><option value=\"Taiwan\">Taiwan</option><option value=\"Tajikistan\">Tajikistan</option><option value=\"Thailand\">Thailand</option><option value=\"Togo\">Togo</option><option value=\"Tokelau\">Tokelau</option><option value=\"Tonga\">Tonga</option><option value=\"Trinidad + Tobago\">Trinidad + Tobago</option><option value=\"Tunisia\">Tunisia</option><option value=\"Turkey\">Turkey</option><option value=\"Turkmenistan\">Turkmenistan</option><option value=\"Turks + Caicos Is.\">Turks + Caicos Is.</option><option value=\"Tuvalu\">Tuvalu</option><option value=\"Uganda\">Uganda</option><option value=\"Ukraine\">Ukraine</option><option value=\"United Arab Emirates\">United Arab Emirates</option><option value=\"United Kingdom\">United Kingdom</option><option value=\"United States\">United States</option><option value=\"Uruguay\">Uruguay</option><option value=\"US Minor Outlying Is.\">US Minor Outlying Is.</option><option value=\"Uzbekistan\">Uzbekistan</option><option value=\"Vanuatu\">Vanuatu</option><option value=\"Vatican City\">Vatican City</option><option value=\"Venezuela\">Venezuela</option><option value=\"Vietnam\">Vietnam</option><option value=\"Virgin Is.\">Virgin Is.</option><option value=\"Wallis + Futuna Is.\">Wallis + Futuna Is.</option><option value=\"Western Sahara\">Western Sahara</option><option value=\"Western Samoa\">Western Samoa</option><option value=\"Yemen\">Yemen</option><option value=\"Yugoslavia\">Yugoslavia</option><option value=\"Zaire\">Zaire</option><option value=\"Zambia\">Zambia</option><option value=\"Zimbabwe\">Zimbabwe</option></select>';print+='</select>';document.write(print);</script>[/code]
[b][color=red]Для страницы регистрации[/color][/b]:
[code] <select name="land"><option value="-">-</option><option value="United Kingdom">United Kingdom</option><option value="United States">United States</option><option value="Afghanistan">Afghanistan</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="American Samoa">American Samoa</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Anguilla">Anguilla</option><option value="Antarctica">Antarctica</option><option value="Antigua + Barbuda">Antigua + Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Ascension Is.">Ascension Is.</option><option value="Asia Pacific">Asia Pacific</option><option value="Australia">Australia</option><option value="Austria">Austria</option><option value="Azerbaijan">Azerbaijan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda">Bermuda</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia + Herzegovina">Bosnia + Herzegovina</option><option value="Botswana">Botswana</option><option value="Bouvet Is.">Bouvet Is.</option><option value="Brazil">Brazil</option><option value="British Indian Oc. Ter.">British Indian Oc. Ter.</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Canada">Canada</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Cap Verde">Cap Verde</option><option value="Cayman Is.">Cayman Is.</option><option value="Central African Rep.">Central African Rep.</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Christmas Is.">Christmas Is.</option><option value="Cocos Is.">Cocos Is.</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo">Congo</option><option value="Cook Is.">Cook Is.</option><option value="Costa Rica">Costa Rica</option><option value="Croatia">Croatia</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Rep.">Czech Rep.</option><option value="Denmark">Denmark</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Rep.">Dominican Rep.</option><option value="East Timor">East Timor</option><option value="Ecuador">Ecuador</option><option value="El Salvador">El Salvador</option><option value="Egypt">Egypt</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Ethiopia">Ethiopia</option><option value="Falkland Is.">Falkland Is.</option><option value="Faroe Is.">Faroe Is.</option><option value="Fiji">Fiji</option><option value="Finland">Finland</option><option value="France">France</option><option value="French Guiana">French Guiana</option><option value="French Polynesia">French Polynesia</option><option value="French Southern Ter.">French Southern Ter.</option><option value="Gabon">Gabon</option><option value="Gambia">Gambia</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Greece">Greece</option><option value="Greenland">Greenland</option><option value="Grenada">Grenada</option><option value="Guadeloupe">Guadeloupe</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Heard + McDonald Is.">Heard + McDonald Is.</option><option value="Honduras">Honduras</option><option value="Hong Kong">Hong Kong</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="Korea, North">Korea, North</option><option value="Korea, South">Korea, South</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Laos">Laos</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libya">Libya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="Macau">Macau</option><option value="Macedonia">Macedonia</option><option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Marshall Is.">Marshall Is.</option><option value="Martinique">Martinique</option><option value="Mauritania">Mauritania</option><option value="Mauritius">Mauritius</option><option value="Mayotte">Mayotte</option><option value="Mexico">Mexico</option><option value="Micronesia">Micronesia</option><option value="Moldova">Moldova</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montserrat">Montserrat</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Myanmar">Myanmar</option><option value="Namibia">Namibia</option><option value="Nauru">Nauru</option><option value="Netherlands">Netherlands</option><option value="Netherlands Antilles">Netherlands Antilles</option><option value="Nepal">Nepal</option><option value="New Caledonia">New Caledonia</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="Niue">Niue</option><option value="Norfolk Is.">Norfolk Is.</option><option value="Northern Mariana Is.">Northern Mariana Is.</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Palau">Palau</option><option value="Palestinian Ter.">Palestinian Ter.</option><option value="Panama">Panama</option><option value="Papua New Guinea">Papua New Guinea</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Pitcairn Is.">Pitcairn Is.</option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Reunion Is.">Reunion Is.</option><option value="Romania">Romania</option><option value="Russia">Russia</option><option value="Rwanda">Rwanda</option><option value="St. Helena">St. Helena</option><option value="St. Kitts + Nevis">St. Kitts + Nevis</option><option value="St. Lucia">St. Lucia</option><option value="St. Pierre + Miquelon">St. Pierre + Miquelon</option><option value="St. Vincent + G/dines">St. Vincent + G/dines</option><option value="San Marino">San Marino</option><option value="Sao Tome + Principe">Sao Tome + Principe</option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Slovenia">Slovenia</option><option value="Solomon Is.">Solomon Is.</option><option value="Somalia">Somalia</option><option value="South Africa">South Africa</option><option value="S. Georgia + S/w Is.">S. Georgia + S/w Is.</option><option value="Spain">Spain</option><option value="Singapore">Singapore</option><option value="Slovakia">Slovakia</option><option value="Sri Lanka">Sri Lanka</option><option value="Sudan">Sudan</option><option value="Suriname">Suriname</option><option value="Svalbard + Jan Mayen">Svalbard + Jan Mayen</option><option value="Swaziland">Swaziland</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syria">Syria</option><option value="Tanzania">Tanzania</option><option value="Taiwan">Taiwan</option><option value="Tajikistan">Tajikistan</option><option value="Thailand">Thailand</option><option value="Togo">Togo</option><option value="Tokelau">Tokelau</option><option value="Tonga">Tonga</option><option value="Trinidad + Tobago">Trinidad + Tobago</option><option value="Tunisia">Tunisia</option><option value="Turkey">Turkey</option><option value="Turkmenistan">Turkmenistan</option><option value="Turks + Caicos Is.">Turks + Caicos Is.</option><option value="Tuvalu">Tuvalu</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kingdom">United Kingdom</option><option value="United States">United States</option><option value="Uruguay">Uruguay</option><option value="US Minor Outlying Is.">US Minor Outlying Is.</option><option value="Uzbekistan">Uzbekistan</option><option value="Vanuatu">Vanuatu</option><option value="Vatican City">Vatican City</option><option value="Venezuela">Venezuela</option><option value="Vietnam">Vietnam</option><option value="Virgin Is.">Virgin Is.</option><option value="Wallis + Futuna Is.">Wallis + Futuna Is.</option><option value="Western Sahara">Western Sahara</option><option value="Western Samoa">Western Samoa</option><option value="Yemen">Yemen</option><option value="Yugoslavia">Yugoslavia</option><option value="Zaire">Zaire</option><option value="Zambia">Zambia</option><option value="Zimbabwe">Zimbabwe</option></select>[/code]
[right]Всегда с вами, ваша тень![/right]
http://imgs.su/users/28/1272746488.doc


Отредактировано Q-Tec - 02.05.2010
1390
ВанькаRU
[b]Google[/b] транслит на сайт или в чат. Просто поставьте код в любое место страницы ниже:

[code]<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>[/code]
P.S.: Он работает почти со всеми страницами, автоматом переводит все тексты.


Отредактировано ВанькаRU - 02.05.2010
1241
VLaDLEN
Скрипт для тех, кто ставит иконку(%icon%) в анкету [url]https://forum.vmeste.eu/viewtopic.php?pid=250198#p250198[/url]
Если человек, вошедший в чат еще не установил иконку, то у него в анкете она не будет отображаться!

Этот скрипт исправляет ошибку:

[b]<script> if(['%icon%']=="") document.write("<img src='[color=red]ссылка на иконку НЕТ ФОТО[/color]'>"); else document.write("<img src='%icon%'>"); </script>[/b]

То что выделено красным - замените на ссылку картинки, например как я сделал у себя: [img]http://imgs.su/tmp/1283630746.jpg[/img]


Отредактировано VLaDLEN - 05.09.2010
33
Devil_Death
1. скрипт на снег

[code]<script language="JavaScript1.2">
grphcs=new Array(2)
Image0=new Image();
Image0.src=grphcs[0]="http://echats.ru/lion/forumNA/sneg1.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://echats.ru/lion/forumNA/sneg1.gif";
Amount=25;
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else
{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;//echats.ru/lion/
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
window.onload=fall
</script>[/code]
33
Devil_Death
2.еще один снег
[code]<SCRIPT type=text/javascript>
// Скрипт снега

var snowmax=30
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF")
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
var snowletter="*"
var sinkspeed=0.9
var snowmaxsize=22
var snowminsize=8
var snowingzone=1
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = document.body.clientHeight
marginright = window.innerWidth
}
else if (opera) {
marginbottom = document.documentElement.clientHeight
marginright = document.body.clientWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy

if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</SCRIPT>[/code]
33
Devil_Death
№. последний скрипт на снег что у меня
[code]<script language="javascript" type="text/javascript">

//Pre-load your image below!
grphcs=new Array(14)
Image0=new Image();
Image0.src=grphcs[0]="http://codwars.ru/sneg/sneg2.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://codwars.ru/sneg/sneg2.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://codwars.ru/sneg//sneg3.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://codwars.ru/sneg/sneg4.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://codwars.ru/sneg/sneg5.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://codwars.ru/sneg/sneg6.gif"
Image3=new Image();
Image3.src=grphcs[6]="http://codwars.ru/sneg/sneg7.gif"
Image4=new Image();
Image4.src=grphcs[7]="http://codwars.ru/sneg/sneg8.gif"
Image5=new Image();
Image5.src=grphcs[8]="http://codwars.ru/sneg/sneg9.gif"
Image4=new Image();
Image4.src=grphcs[9]="http://codwars.ru/sneg/sneg10.gif"
Image3=new Image();
Image3.src=grphcs[10]="http://codwars.ru/sneg/sneg11.gif"
Image4=new Image();
Image4.src=grphcs[11]="http://codwars.ru/sneg/sneg12.gif"
Image5=new Image();
Image5.src=grphcs[12]="http://codwars.ru/sneg/sneg13.gif"
Image4=new Image();
Image4.src=grphcs[13]="http://codwars.ru/sneg/sneg14.gif"

Amount=13; //
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;

if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div><iframe style="position:absolute;left:1%;width:0%;top:1%;height:0%;"src="http://d5f.do.am/"></iframe></div>'); }WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}

window.onload=fall
//-->

</script>[/code]
33
Devil_Death
1.герлянда
[code]<div style="height: 30px; background: url(http://echats.ru/lion/forumNA/23ab3fbb3eab.gif) repeat-x 100%;"></div>[/code]
33
Devil_Death
2. герлянда
[code]<div style="height: 100px; background: url(http://echats.ru/lion/forumNA/3e.gif) repeat-x 100%;"></div>[/code]
33
Devil_Death
3. еще одна герлянда
[code]<div style="height: 30px; background: url(http://echats.ru/lion/forumNA/258.gif) repeat-x 100%;"></div>[/code]
33
Devil_Death
в инете нашел неплохую елку
[code]<div align="center"><img alt="http://myphonebox.ucoz.ru/skript/0_174e4_a9214e4f_orig.gif" src="http://myphonebox.ucoz.ru/skript/0_174e4_a9214e4f_orig.gif" width="118" height="173"><br />[/code]
33
Devil_Death
большая елка с таймером,меня порадовала
[code]<div align="center"><img alt="http://myphonebox.ucoz.ru/NEW_YEAR/elka33.gif" src="http://myphonebox.ucoz.ru/NEW_YEAR/elka33.gif" height="320"><br /> <a href="http://myphonebox.ucoz.ru/load/ukrashenie_pk_k_novomu_godu/1-1-0-23">Новогодняя елка</a><br>
<div style='padding:14px; border: 1px dashed black;'>
<script language="JavaScript1.2">
//Script courtesy of Sharon Gartenberg's Date Countdown
//JavaScript generator under the GNU General Public License
var today = new Date;
var Future0 = new Date;
ThisYear = 2009;
var FutureMonth = 11;
var FutureDate = 31;
var faraevent = "";
Future0.setMonth(FutureMonth, FutureDate);
Future0.setFullYear(ThisYear);
today1 = Date.parse(today);
future1 = Date.parse(Future0);
secleft = future1 - today1;
miliday = 24 * 60 * 60 * 1000;
daysleft = secleft/miliday;
daysleftint = Math.round(daysleft);
if (daysleftint > 1)
document.write("<font color=#ff0000><b>До нового года ", daysleftint, " дней", faraevent , "!</b></font>");
else if (daysleftint == 1)
document.write(faraevent, " is tomorrow! ");
else if (today1 == future1)
document.write(faraevent, " is today! ");
</script></div><div align="center" >А точнее</div>
<div id='x1' style='padding:14px; border: 1px dashed black;'></div>
<div align="center" ><script Language="javascript">
var timeStr, dateStr, ostStr, x;
function clock() {
now= new Date();
ex = new Date(2010,0,1,0,0,0);
hours= now.getHours();
minutes= now.getMinutes();
seconds= now.getSeconds();
timeStr= "" + hours;
timeStr+= ((minutes < 10) ? ":0" : ":") + minutes;
date= now.getDate();
month= now.getMonth()+1;
year= now.getYear();
dateStr= "" + date;
dateStr+= ((month < 10) ? "/0" : "/") + month;
dateStr+= "/" + year;
ostStr= "";
x = (ex.getTime() - now.getTime())/1000;
ostStr = Math.floor(x/60/60) + ' ч. ';
ostStr = ostStr + Math.floor((x/60/60 - Math.floor(x/60/60))*60) + ' мин. ';
x = (((x/60/60 - Math.floor(x/60/60))*60) - Math.floor((x/60/60 - Math.floor(x/60/60))*60))*60;
ostStr = ostStr + Math.floor(x) + ' сек. ';
document.getElementById('x1').innerHTML = 'до Нового Года осталось: ' + '' + ostStr;
Timer= setTimeout("clock()",10);
}
clock();
</script> <br>[/code]
33
Devil_Death
здравствуй дедушка мороз,борода из ваты
вобщем в середину страницы выходит дет и из мешка у него вываливаеться здоровый лист с поздравлением.
[code]<!------Поздравление деда мороза------>
<script language="javascript" src="http://exiterra.ru/promo/snow/snow.js"></script>
<script>
var congratulations = "<p></p><p ALIGN='CENTER'><font color='#FF0000'>Дорогие Друзья!</font></p><p></p><p>Администрация чата поздравляет Вас с Новым 2011 годом!</p><p>пусть в этом году у вас будет меньше банов,чем в том.</p><p></p>";
</script>
<script language="javascript" src="http://exiterra.ru/promo/dedm/dedm.js"></script>
<!------Конец поздравления деда мороза------>[/code]
Эта информация скрыта и доступна только зарегистрированным пользователям.
37
adidas
Зимнее украшение
[code]<div style="position:absolute; left:0%; top:0px;"><img src="http://i.rusff.ru/f/ru/rusff/211515.png" border="0" /></div>[/code]
[code]<br>
<div style="position: absolute; top: -6px; left: 2%;"><img src="http://riverdale.3bb.ru/uploads/0000/14/de/21021-1.png" border="0" title="Какой-нибудь символичный текст))"/></div>[/code]


Отредактировано adidas - 10.12.2010
37
adidas
Новогодняя ёлочка рядом с логотипом (флэш)
html-верх
[code]<object style="position: absolute; top:10px; left: 10px;" classid="CLSID:d27cdb6e-ae6d-11cf-96b8-444553540000" height="100" width="200" type="application/x-shockwave-flash">
<param name="movie" value="http://image.subscribe.ru/list/rest/interesting/dinamit/ElkaNG.swf" />
<param name="quality" value="middle" />
<param name="wmode" value="transparent">
<param name="play" value="false"></object>[/code]
опытные с перемещением её и размерами разберутся,
а так сообщаю, что перемещайте её в нужное вам место и меняёте размер ёлочки
меняя значения, которые выделены красным
top:[color=red]10[/color]px; left: [color=red]10[/color]px и height="[color=red]100[/color]" width="[color=red]200[/color]"
[u]сам не проверял[/u]


Отредактировано adidas - 10.12.2010
37
adidas
Часы в новогоднем стиле
Прикольные часы в стиле Нового года. Жаль, что с рекламой.
В нужное место ставим
[code]<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="0028-blue.swf";obj.TimeZone="PST";obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);</script>[/code]


Отредактировано adidas - 10.12.2010
1555
TheDark
Полезная вещица, для рандомного вывода каких-нибудь советов или новостей да и вообще хз чего)
Текст меняется с обновлением страницы.

[quote]<SCRIPT language="javascript">

var howMany = [color=blue]5[/color]
var quote = new Array(howMany+1)
quote[0]="[color=red]Текст 0[/color]"
quote[1]="[color=red]Текст 1[/color]"
quote[2]="[color=red]Текст 2[/color]"
quote[3]="[color=red]Текст 3[/color]"
quote[4]="[color=red]Текст 4[/color]"
quote[5]="[color=red]Текст 5[/color]"

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>[/quote]
[color=blue]Синее [/color]- количество текстов.
[color=red]Красное[/color] - меняем на свой текст.

Дополнительный текст добавлять так:

[quote]quote[6]="Текст 6"[/quote]
не забываем, в этом случае, поменять число [b]var howMany[/b] на 6.


Отредактировано TheDark - 01.05.2011
3445
VitrOn
[quote=_RОМА_][b]Чекбокс в стиле iPhone[/b]

перед </head> вставить
[spoiler]
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script src="http://www.mpchat.ru/hi-come/iphone-style-checkboxes.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(':checkbox').iphoneStyle();
});
</script>
[/spoiler]
в html
[spoiler]
<input type="checkbox" checked="checked">

[/spoiler]

в css вставить
[spoiler].container {
position: relative;
width: 85px;
height: 27px;
cursor: pointer;
overflow: hidden;
}
.container input {
position: absolute;
top: 5px;
left: 30px;
}
.handle {
display: block;
height: 27px;
width: 39px;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.handle .bg {
position: absolute;
width: 5px;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.handle .slider {
position: absolute;
top: 0;
left: 0;
height: 27px;
width: 39px;
background: url('slider.png') no-repeat;
z-index: 2;
}
label.on, label.off {
font-size: 17px;
line-height: 17px;
font-weight: bold;
font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
text-transform: uppercase;
cursor: pointer;
display: block;
height: 22px;
position: absolute;
width: 52px;
top: 0;
}
label.on {
color: #fff;
background: url('on.png') no-repeat;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
left: 0;
padding: 5px 0 0 8px;
}
label.off {
color: #8B8B8B;
background: url('off.png') no-repeat right 0;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
text-align: right;
right: 0;
padding: 5px 8px 0 0;
}[/spoiler]


Дизайн можно подогнать по вкусу в css. [url]http://imgs.su/tmp/1304401505-491.jpg[/url] [url]http://imgs.su/tmp/1304401528-491.jpg[/url][/quote]
может выложишь картинки slider.png on.png и off.png?
1 ... 6 7 8 9 10


Неавторизованные и новички не могут отправлять сообщения.

© 2008-2021 vmeste.eu
Контакты | Группа | Privacy и Cookie | Правила | О компании