Contents


Html input form shows image before uploads

Html input form shows image before uploads


Detail
11/01/2017

tinymce adding Anchors

This tuttorial explains how to use Anchors in tinymce html editor 


Detail
22/02/2016

vertical align in css

this page give some instruction align text, dom etc. in a div vertically 


Detail
11/01/2016

responsive css 3
[code] <!DOCTYPE html> <html> <head> <style> html{font-size:12px;} p.b{font-size:1rem;} @media screen and (orientation:portrait){ p.a{font-size:3rem;} } @media screen and (orientation:landscape){ p.a{font-size:2rem;} } </style> </head> <body> <p class="a"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <p> <p class="b"> ultricies ut viverra massa rutrum. Nunc pharetra, ipsum ut ullamcorper placerat, <p> </body> </html> [/code]

Detail
14/01/2015

loading a page effect

[php] <style type="text/css" id="page-css"> #loading { z-index:1000; position:absolute; width:100%; height:100%; overflow:hidden; background-color:#fff;} #loading .middle { position:absolute; width:100%; margin-top: -24px; top: 50%; height:52px; text-align:center;} #loadingBg { position:absolute; width:100%; height:100%; overflow:hidden; background-color:#fff; display:none;} #loadingBg .middle { position:absolute; width:100%; margin-top: -24px; top: 50%; height:52px; text-align:center;} </style> <script type="text/javascript" id="sourcecode"> window.onload = function() { $("#loading").delay(100).fadeOut(1000); } </script> <body> <div id="loading"> <div class="middle"> <div class="inner"> <img src="{RootDir}{TempDir}assets/css/img/yukleniyor.gif" alt="" /> </div> </div> </div> [/php]


Detail
14/01/2015

Gumby css framework

http://www.gumbyframework.com/features

 

Multiple, Nestable, Grids fit any project

Gumby Framework includes multiple types of grids with differentcolumn variations which enables you to be flexible throughout an entire project's lifecycle. From concept to deployment, Gumby Framework follows your lead.


Detail
14/01/2015


Content Categories