es131245

forinput type="button"its a system call for a buttonso its bepend on a browser and a system

for examplediv {opacity:0;}div a {opacity:1;}

hey got to work new drop down list... <ul id="try"> <li><a href="/projects">Проекты</a></li> <li><a href="/hash">Хеш</a></li> <li><a href="/digits">Числа</a></li> </ul><script type="text/javascript">function sometry(n){n++;$('#try li').eq(n).slideToggle(500);if($('#try li').size()>=n){setTimeout(function(){sometry(n);},500);}}$('#try li:not(:first)').slideToggle(0);$('td.try').hover(function(){sometry(0)});</script>

sometime settimeout doent worklike in slidetogglein this case you canslideToggle(500,function(){//done after finish

0 ive seen html and css sites from some progs like office and i think photoshop is in that list too. Html & Css of the is very bad.You better to develop degign parts in photoshop and leave site coding to presialist. (no one will do it better than a person)1 ive never seen css gradients. (maybe im not that mature), ive used images that ive drown in image editors.2 box-shadow is a good idea but you wont get different shape shade with it. Only same shape and fuzzy3 standing out cound be easly done by shadows in image editor and sliding can be done on jquery

$_SERVER[sERVER_SOFTWARE]you can use substr to get apache and to compare version too

in change function first of all write to hide all rest functionssomething like // on change$('select').change(function() { // hide all function $('select').each(function() { // hide all }); // carry on listing hovered list});

top:260px;maybe thats the reason

Dont know if that be usefull but maybe there working code will help ya $head.=' <td class="clock">'."\n";$head.=' <span id="date">'.date('Y/m/d').'</span><br />'."\$head.=' <span id="time">'.date('H:i:s').'</span>'."\n";$head.=' <span id="stamp">'.(time()*1000).'</span>'."\n";$head.=' </td>'."\n"; function clock(stampId,dateId,timeId){var now=new Date(parseInt($('#'+stampId).html()));now.setSeconds(now.getSeconds()+1);$('#'+dateId).html(now.getFullYear()+'/'+(now.getMonth()<9?'0'+(now.getMonth()+1):(now.getMonth()+1))+'/'+(now.getDate()<10?'0'+now.getDate():now.getDate()));$('#'+timeId).html((now.getHours()<10?'0'+now.getHours():now.getHours())+':'+(now.getMinutes()<10?'0'+now.getMinutes():now.getMinutes())+':'+(now.getSeconds()<10?'0'+now.getSeconds():now.getSeconds()));$('#'+stampId).html(now.getTime());setTimeout('clock(\''+stampId+'\',\''+dateId+'\',\''+timeId+'\');',1000);}$(document).ready(function(){clock('stamp','date','time');});

google wont let you edit most parts of the pages so free sites isnt the best idea for it.

if out use position option =)

y dont you just write a script that works that way?

for jQuery $('a.specialLinks').click(function(){ $('#divId').html('<img src="'+this.child().src+'" alt="description" />');}); thats the idea... I must've mabe few errors (cant get anything to work strait away =) )

Ive done my drop down list this way... <td class="[url=""]extra[/url]"><img src="[url="view-source:http://www.domain.com/source/images/list.png"]/source/images/list.png[/url]" alt="[url=""]list[/url]" /><ul id="[url=""]extra[/url]"><li><a href="[url="view-source:http://www.domain.com/1"]/1[/url]">one</a></li><li><a href="[url="view-source:http://www.domain.com/2"]/hash[/url]">two</a></li><li><a href="[url="view-source:http://www.domain.com/3"]/3[/url]">three</a></li></ul></td> able.page tr.navigation td.navigation table.navigation tr td.extra{background-color:#2a2;box-shadow:0 0 2px white,inset 0 0 5px white;width:26px;}table.page tr.navigation td.navigation table.navigation tr td.extra ul#extra{background-color:#2a2;border-radius:5px;box-shadow:inset 0 0 5px white;display:none;list-style-type:none;margin:0;;padding:0;position:absolute;text-align:center;width:135px;}table.page tr.navigation td.navigation table.navigation tr td.extra:hover ul#extra{display:block;}table.page tr.navigation td.navigation table.navigation tr td.extra ul#extra li a{color:#00f;text-shadow:0 0 5px white,0 0 1px blue;}table.page tr.navigation td.navigation table.navigation tr td.extra ul#extra li:hover a{color:white;text-shadow:0 0 5px blue;}

position:fixed;top:0;left:0; example here http://w3schools.com/css/tryit.asp?filename=trycss_position_fixed

how about... <style>li {background-color:blue;background-image:url('http://www.mars.com/cis/ru/assets/images/layout/flexBox_white_topLeft.jpg');background-position:center right;background-repeat:no-repeat;background-size:20px 20px;color:white;list-style-type:none;width:120px;}li:hover {background-color:#00a;background-image:url('http://www.oasis-open.org/docbook/xmlcharent/glyphs/100dpi/U003C.png');background-size:20px 20px;color:yellow;}</style> <ul><li>Main</li><li>More</li><li>Ending</li></ul> Ive used 2 images for background from google search. Empty white and "<" arrow. OrYou can just write "<span><</span>' andli span {color:white;}li:hover span {color:black;}but thats no good cuz your changing content for design (what is wrong)

how about js hash?There is sha1 for js...

Maybe thats not what your wanted but1 <script type="text/javascript"> //<![CDATA[ Date.setServerOffset('Wed, 3 Oct 2012 6:08:27 +0000'); en4.orientation = 'ltr'; en4.core.environment = 'production'; en4.core.language.setLocale('ru_RU'); en4.core.setBaseUrl('/'); en4.core.staticBaseUrl = '/'; en4.core.loader = new Element('img', {src: en4.core.staticBaseUrl + 'application/modules/Core/externals/images/loading.gif'}); if( false ) { en4.core.runonce.add(function() { en4.core.dloader.attach(); }); } //]]></script><script type="text/javascript"> //<![CDATA[en4.core.language.addData({"Save":"Save","Cancel":"Cancel","delete":"delete"}); //]]></script> Why seperate scripts? 2. <link href="/application/css.php?request=application/themes/mpop/theme.css&c=198" media="screen" rel="stylesheet" type="text/css" /> See & there? Wrong =) 3. Too many not unnecessary spaces.4. <link href="/favicon.ico?c=198" rel="favicon" type="image/x-icon" /><link href="/application/modules/Sitelike/externals/styles/likesettings.css?c=198" media="screen" rel="stylesheet" type="text/css" /><link href="/application/modules/Seaocore/externals/styles/style_advanced_photolightbox.css?c=198" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript">if (window.location.hash == '#_=_')window.location.hash = '';</script> <script type="text/javascript"> </script> <script type="text/javascript" src="/externals/mootools/mootools-core-1.4.5-full-compat-yc.js?c=198"></script><script type="text/javascript" src="/externals/mootools/mootools-more-1.4.0.1-full-compat-yc.js?c=198"></script><script type="text/javascript" src="/externals/chootools/chootools.js?c=198"></script><script type="text/javascript" src="/application/modules/Core/externals/scripts/core.js?c=198"></script><script type="text/javascript" src="/application/modules/User/externals/scripts/core.js?c=198"></script><script type="text/javascript" src="/externals/smoothbox/smoothbox4.js?c=198"></script><script type="text/javascript"> //<![CDATA[ Date.setServerOffset('Wed, 3 Oct 2012 6:08:27 +0000'); en4.orientation = 'ltr'; en4.core.environment = 'production'; en4.core.language.setLocale('ru_RU'); en4.core.setBaseUrl('/'); en4.core.staticBaseUrl = '/'; en4.core.loader = new Element('img', {src: en4.core.staticBaseUrl + 'application/modules/Core/externals/images/loading.gif'}); if( false ) { en4.core.runonce.add(function() { en4.core.dloader.attach(); }); } //]]></script><script type="text/javascript"> //<![CDATA[en4.core.language.addData({"Save":"Save","Cancel":"Cancel","delete":"delete"}); //]]></script><script type="text/javascript" src="/application/modules/Activity/externals/scripts/core.js?c=198"></script><script type="text/javascript" src="/application/modules/Seaocore/externals/scripts/core.js?c=198"></script><script type="text/javascript" src="/application/modules/Sitelike/externals/scripts/core.js?c=198"></script><script type="text/javascript" src="/externals/autocompleter/Observer.js?c=198"></script><script type="text/javascript" src="/externals/autocompleter/Autocompleter.js?c=198"></script><script type="text/javascript" src="/externals/autocompleter/Autocompleter.Local.js?c=198"></script><script type="text/javascript" src="/externals/autocompleter/Autocompleter.Request.js?c=198"></script><script type="text/javascript" src="/application/modules/Seaocore/externals/scripts/seaomooscroll/SEAOMooVerticalScroll.js?c=198"></script><script type="text/javascript" src="/application/modules/Seaocore/externals/scripts/tagger/tagger.js?c=198"></script><script type="text/javascript" src="/application/modules/Seaocore/externals/scripts/lightbox/fixWidthLightBox.js?c=198"></script> <link rel="shortcut icon" type="image/x-icon" href="http://mypetsonparade.com/public/admin/favicon.ico"> In that part of code you have favicon in the begging and at the end. Keep them toggether =)I use this... <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> I love exact style.Here example of my style <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-RU" lang="ru"><head> <base href="http://domain.com/" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="index, follow" /> <meta name="author" content="My Name" /> <meta name="Description" content="computer service" /> <meta name="Keywords" content="Keywords" /> <title>Computer service</title> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" type="text/css" href="/style.css" /> <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/script.js"></script> <script type="text/javascript" src="/js/jquery.form.js"></script></head><body> <table class="page"> <tr class="head"> <td class="head"> <table class="head"> <tr> <td class="clock"> <span id="date">2012/10/03</span><br /> <span id="time">10:17:51</span> <span id="stamp">1349245071000</span> </td> <td class="heading"><h1>Computer Service</h1></td> <td class="authorization"> <table> <tr> <td><input type="text" readonly="readonly" disabled="disabled" value="Nick," /></td> <td><a onclick="document.cookie='authorization=;expires=Thu, 1 Jun 1970 12:00:00 UTC;path=/';window.location.href=window.location.protocol+'//'+window.location.host;"><img src="/source/images/logOut.jpg" alt="Exit" /></a></td> </tr> <tr> <td><input type="text" readonly="readonly" disabled="disabled" value="es" /></td> <td><a href="/authorization/settings"><img src="/images/setting.png" alt="settings" /></a></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr class="navigation"> <td class="navigation"> <table class="navigation"> <tr> <td><a href="/"><img src="/images/index.png" alt="index" /> Индекс</a></td> <td><a href="/service/"><img src="/images/service.png" alt="service" /> Услуги</a></td> <td><a href="/contacts"><img src="/images/contacts.png" alt="contacts" /> Контакты</a></td> <td class="extra"> <img src="/images/tools.png" alt="tools" /> <ul id="extra"> <li><a href="/projects">Projects</a></li> <li><a href="/hash">Hash</a></li> <li><a href="/digits">Digits</a></li> </ul> </td> </tr> </table> <table class="navigation panel"> <tr> <td><a href="/log"><img src="/source/images/log.png" alt="лог" /> Лог</a></td> <td><a href="/obrr"><img src="/source/images/obrr.png" alt="obrr" /> ОБРР</a></td> <td><a href="/fileshare"><img src="/source/images/fileshare.png" alt="файловый обменник" /> Файловый Обменник</a></td> </tr> </table> </td> </tr> <tr class="body"> <td class="body"> <table class="body"> <tr> <td id="content"> <h2>Welcome to <span style="font-style:italic;color:rgb(102,153,255);">Computer Service Site Name</span>!</h2> <p><span style="color:#69f;font-family:serif;font-weight:600;">Computer Service Site Name</span> it's a <span style="text-decoration:underline;">privat</span> site which is used for effective use of computer technology.</p> <p>On our site you will find:</p> <ul> <li><a href="/"><img src="images/index.jpg" alt="index" /><b> Index</b></a> - Site Content and Description.</li> <li><a href="/services/"><img src="/images/services.png" alt="service" /><b> Service</b></a> - предоставляемые нами услуги.</li> <li><a href="/contact"><img src="/images/contact.png" alt="contact" /><b>contact</b></a> - contact us!</li> </ul> </td> </tr> </table> </td> </tr> <tr class="footer"> <td class="footer"> <table class="footer"> <tr> <td> My Name<br /> My Domain © 2009-2012 </td> </tr> </table> </td> </tr> </table></body></html> * spaces have gone wierd

<a href="/path"><img src="/some_image.png" alt="nesesery" /></a>

for a connection you can get a different ISPif you want to provide ppl with internet youll can do that many ways(routers, gateways or nat technology)Base to everything is TCP/IP.Then learn NAT, firewalls, VPN for furthermoreover youll need network expendables and equipment I hope its clear to you that people wont get better connection than you untill you get a better connection You can message me if any questions)

If http server dir listing if off you can encrypt path by password with js

Birbal, why did you put javascript after php?

html css js xhtml ajax jquery php mysql flashw3schools.com is very good site to start from.

As i design idea ive done this to my site function page(url){if(url.substr(0,18)!='http://domain.com'||(url.substr(0,18)=='http://domain.com'&&url.substr(-4,1)=='.')){window.location.href=url;return;}$('#content').fadeTo(500,0);setTimeout(function(){if(window.XMLHttpRequest){xmlhttp=new XMLHttpRequest();} else{xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');} xmlhttp.onreadystatechange=function() {if(xmlhttp.readyState==4&&(xmlhttp.status==200||xmlhttp.status==404)) {$('#content').html(xmlhttp.responseText); links(); $('#content').fadeTo(500,1);}} xmlhttp.open('GET',url+'?method=ajax',true); xmlhttp.send();},500);}function links(){$('a').each(function(){$(this).unbind('click').click(function(){page(this.href);return false;});});}$(document).ready(function(){links();}); mature of you already have spoted a "key" ?method=ajaxas u already undestud its a php part here if(!isset($_GET['method'])||$_GET['method']!='ajax'){if(isset($CFG['content']['head'])){print($CFG['content']['head']);}}if(isset($CFG['content']['style'])){print(' <style type="text/css">'."\n".$CFG['content']['style'].' </style>'."\n");}if(isset($CFG['content']['body'])){print($CFG['content']['body']);}if(isset($CFG['content']['script'])){print(' <script type="text/javascript">'."\n".$CFG['content']['script'].' </script>'."\n");}if(!isset($_GET['method'])||$_GET['method']!='ajax'){if(isset($CFG['content']['footer'])){print($CFG['content']['footer']);} works smooth and nice but as you already undestud that a back side of it is a forms... jquery's ajaxForms helped with sending requests and catching responce but i cant get it to "fadeTo" before showing responce $(document).ready(function(){$('#fileshare').ajaxForm( { target:'#content', beforeSubmit:showRequest, success:showResponse }); function showRequest(formData,jqForm,options){var queryString=$.param(formData);$('#content').fadeTo(500,0);return true;} function showResponse(responseText,statusText,xhr,$form){$('#content').fadeTo(500,1);}

top:50% finds the middle of the height no matter what screen resolution and margin-top:-240px; muves middle of the photo to the middle of the page =) same at width