flash flash |
|
<div style="position: relative;">
<div id="overlay" style="position: absolute; height: 225px; width: 354px; z-index: 200; top: 0px; left: 0px;">
<a href="link_some_where.html" style="display: block; height: 100%; width: 100%;"><img width="100%" vspace="0" hspace="0" height="100%" border="0" src="1px_transperent.gif"></a>
</div>
<object width="354" height="225" align="middle" data="Banner.swf" type="application/x-shockwave-flash">
<param value="sameDomain" name="allowScriptAccess">
<param value="Banner.swf" name="movie">
<param value="high" name="quality">
<param value="opaque" name="wmode"><!-- this needed for overlaying flash-object -->
<param value="#DFE9F4" name="bgcolor">
<!-- do not reformat next line - you will get gap under image in ie when flash is off -->
<a href="link_some_where.html"><img width="354" height="225" border="0" src="NonFlashBanner.jpg"></a></object>
</div>
Mozilla, IE8, IE7, IE6, IE5
<param name="wmode" value="opaque" /> <object>. , , ( )? ( ) . - . "" , . ( ) .
|
|
|
|
,
HTML, CSS, JavaScript
, URL
, ,
: |
MODx Revo |
|
Site —> Clear Cache
Security —> Flush All Sessions
core/cache
SSH UNIX :
tar -czf /path/to/backups/modx_revo_site.tar.gz /path/to/modx_doc_root/
.
gunzip modx_revo_site.tar.gz
tar xvf modx_revo_site.tar
phpMyAdmin, SSH:
mysqldump -u username -p your_revo_db > /path/to/backups/my_revo_db.sql
phpMyAdmin, SSH:
mysql -u username -p target_db < my_revo_db.sql
core/config/config.inc.php
/* PATHS */ $modx_core_path= '/path/to/modx_doc_root/core/'; $modx_processors_path= '/path/to/modx_doc_root/core/model/modx/processors/'; $modx_connectors_path= '/path/to/modx_doc_root/connectors/'; $modx_manager_path= '/path/to/modx_doc_root/manager/'; $modx_base_path= '/path/to/modx_doc_root/'; $modx_assets_path= '/path/to/modx_doc_root/assets/'; /* HOST (used for command-line PHP stuff) */ $http_host='yoursite.com';
UPDATE `your_revo_db`.`workspaces` SET path='/path/to/modx_doc_root/core/' WHERE id='1
: MODx |
Disqus MODx |
|
Disqus MODx
DISQUS, JavaScript . . DISQUS . Tools->install Other or Custom - Universal code. :
<div id="disqus_thread"></div>
<script type="text/javascript">
/**
* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
*/
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://....disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript=...">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
<script type="text/javascript">
//<! [ CDATA [
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/.../get_num_replies.js' + query + '"></' + 'script>');
})();
// ] ] >
</script>
, . - MODX CDATA - ( , ) . JS-, .
{ { disqus } } . / . TV comments drop down list, "0||1" 0.
Phx :
[ + phx:if=`[ * comments * ]`:is=`1`:then=`{ { disqus } }`+ ]
, Phx . .
: MODx |
Shadowbox |
|
Shadowbox . , . , : build, full package zip. shadowbox-build-3.0rc1.
shadowbox-build-3.0rc1/shadowbox.js shadowbox-build-3.0rc1/shadowbox.css. <head> .
<link rel="stylesheet" type="text/css" href="shadowbox-build-3.0rc1/shadowbox.css"> <script type="text/javascript" src=" shadowbox-build-3.0rc1/shadowbox.js"></script>
Shadowbox.init Shadowbox, .. <head>.
<script> Shadowbox.init({ language: 'ru', players: ['img','iframe', 'qt','wmp'], }); </script>
init . . language , players .
– . , Image.
test_image.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="shadowbox-build-3.0rc1/shadowbox.css"> <script type="text/javascript" src=" shadowbox-build-3.0rc1/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init({ language: 'ru', players: ['img'], }); </script> </head> <body> <a href="11.jpg" rel="shadowbox;height=390;width=650" title="- ">Image</a> </body> </html>
rel.
, , shadowbox rel [_].
test_group.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="shadowbox-build-3.0rc1/shadowbox.css"> <script type="text/javascript" src=" shadowbox-build-3.0rc1/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init({ language: 'ru', players: ['img'], }); </script> </head> <body> <br> <a href="images/3.jpg" rel="shadowbox[group1];width=500; height=400"><img src="images/3.jpg" width="150" height="150"></a> <a href="images/3d_138.jpg" rel="shadowbox[group1];width=500; height=400"><img src="images/3d_138.jpg" width="150" height="150"></a> <a href="images/4.jpg" rel="shadowbox[group1];width=500; height=400"><img src="images/4.jpg" width="150" height="150"></a> <a href="images/5.jpg" rel="shadowbox[group1];width=500; height=400"><img src="images/5.jpg" width="150" height="150"></a> <a href="images/0006_2.jpg" rel="shadowbox[group1];width=500; height=400"><img src="images/0006_2.jpg" width="150" height="150"></a> <a href="images/7.jpg" rel="shadowbox[group1];width=500; height=400"><img src="images/7.jpg" width="150" height="150"></a> </body> </html>
shadowbox .
Shadowbox iframe. . Shadowbox.open JSON. .
test_iframe.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="shadowbox-build-3.0rc1/shadowbox.css"> <script type="text/javascript" src=" shadowbox-build-3.0rc1/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init({ language: 'ru', players: ['img','iframe'], }); </script> <script type="text/javascript"> function showBox(){ Shadowbox.open({content: 'http://php.net/', player: 'iframe', title: 'PHP Group', width: '800', height: '400'}); } </script> </head> <body> <a href="#" onclick="showBox()">Iframe</a> </body> </html>
:
Shadowbox . Windows Media Player. Shadowbox wmp.
test_video.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="shadowbox-build-3.0rc1/shadowbox.css"> <script type="text/javascript" src=" shadowbox-build-3.0rc1/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init({ language: 'ru', players: ['wmp'], }); </script> </head> <body> <a href="Video.wmv" rel="shadowbox;player=wmp;width=500px; height=250px"> </a> </body> </html>
.
FLV-
Shadowbox , FLV. . JW FLV player, .
shadowbox-build-3.0rc1/libraries. mediaplayer-viral. mediaplayer. shadowbox-build-3.0rc1/libraries/mediaplayer player-viral.swf. player.swf. Shadowbox FLV, flv.
test_flv.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="shadowbox-build-3.0rc1/shadowbox.css"> <script src="shadowbox-build-3.0rc1/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init({ language: 'ru', players: ['img','flv'], }); </script> <script type="text/javascript"> function openflv(fileUrl, title){ Shadowbox.open({content: fileUrl, title: title,player:'flv', width: '500', height: '400'}); } </script> </head> <body> <a href="#" onclick="openflv( 'file=http://www.tataspb.ru/data/flash/_613_01.flv',' -613')"> -613</a> </body> </html> Shadowbox : -613
Shadowbox . . .
: shadowbox |
( ) |
|
. , , . , ? , , - . , .
, :
1) creatr.cc – . . , . , 7 . , . ? .
2) , , simwebsol.com. , “” - . 1 . .
3) web2.0stylr.com – ( 2 : ). .
, , .
web 2.0. . , :
1) web20badges.com – . :
2) buttonator.com – , .
, , . ?
|
Drupal ImageCache Nginx |
|
imagecache, Lightbox2. . imagecache. imagefield_thumbs, .
..
http://example.ru/sites/default/files/imagecache/post_images_400x400/IMG...
:
http://example.ru/sites/default/files/imagecache/post_images_400x400/@fa...
ngnix Apache. imagecache. .
nginx.conf :
:
# serve static files directly location ~* ^.+.(jpg|jpeg|gif|css|png|js|ico)$ { access_log off; expires 30d; }
:
# imagecache needs to have php read any files that it's planning to manipulate location ^~ /sites/default/files/imagecache/ { index index.php index.html; # assume a clean URL is requested, and rewrite to index.php if (!-e $request_filename) { rewrite ^/(.*)$ /index.php?q=$1 last; break; } }
.. /sites/default/files/imagecache/
nic.ru : location ^~ /files/imagecache/
! !
:
/etc/ngnix/nginx.conf
:
/usr/sbin/nginx -t
:
/etc/init.d/nginx reload
: http://drupal.org/node/110224#comment-772191
: http://blog.infoentropy.com/Using_ImageCache_with_nginx
: http://www.drupal.ru/node/15335
: drupal |
Web 2.0 |
|
, , , . , – , . , , , . Web 2.0.
Web 2.0? ? - , Web 2.0?
, . , Web 2.0 - . , .
, Web 2.0 , , . , , , , . Web 2.0 , , .
. , . – , , . , , , ..
Web 2.0 . 14-16 1024768. .
, Web 2.0, . .
, , Arial Rounded, FF Cocon Helvetica Rounded. , . .
, Web 2.0. . – Helvetica ( ), News Gothic, FF Meta ( ), Avenir Interstate.
Web 2.0 , . . techno , . : Digital Sans, ITC Bauhaus, Agency, Handel Gothic FF Dot Matrix.
(Serif)
Serif , . , Courier . , , American Typewriter, . – Clarendon ITC Officina (semi-serif).
(Sans Serif)
Sans Serif Web 2.0. . , , Frutiger Helvetica.
, .
, . , , , . - , , .
: css |
WEB |
|
WEB
1 Georgia and Trebuchet MS are bundled with Windows 2000/XP and they are also included in the IE font pack (and bundled with other MS applications), so they are quite common in Windows 98 systems.
2 Symbolic fonts are only displayed in Internet Explorer, in other browsers a font substitute is used instead (although the Symbol font does work in Opera and the Webdings works in Safari).
3 Book Antiqua is almost exactly the same font that Palatino Linotype, Palatino Linotype is included in Windows 2000/XP while Book Antiqua was bundled with Windows 98.
4 These fonts are not TrueType fonts but bitmap fonts, so they won't look well when using some font sizes (they are designed for 8, 10, 12, 14, 18 and 24 point sizes at 96 DPI).
5 These fonts work in Safari but only when using the normal font style, and not with bold or italic styles. Comic Sans MS works in bold but not in italic. Other Mac browsers seems to emulate properly the styles not provided by the font.
6 These fonts are present in Mac OS X only if Classic is installed (thanks to Julian Gonggrijp for the corrections).
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
: |