Indonesian Magento Developer
Have you ever try open some website from chrome mobile like facebook, instagram or other websites.. (actually i forgot ..haha..sorry) then you notice, the color…
Continue reading How to Apply Your Website Theme Color in Android Chrome
Comments closedbelow css code, to disable any related to css animation /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none…
Continue reading CSS: Disable CSS Animations
Comments closedlet say you want to styling overflow div bar, here example css .yourdiv::-webkit-scrollbar { background:red; width:5px; } .yourdiv::-webkit-scrollbar-track { background-color: #eaeaea; border-left: 1px solid #ccc;…
Continue reading CSS: Styling Scroll Bar
Comments closedi wrote some jquery script to perform infinite scroll WordPress posts on magento site, here you go <style> /*hide the toolbars */ .pager.pager-no-toolbar{ display:none; }…
Continue reading Magento : Infinite Scroll for WordPress Posts Integration on Magento
Leave a Commentif you a web developer, this is one the most common issue when you develop a website, yes… some css script not working properly on…
Continue reading CSS tricks for Cross Browser Issues
Leave a Commentthis is example how to change style for input text or text area, here you go your-selector::-webkit-input-placeholder { color: red; } your-selector:-moz-placeholder { color:…
Continue reading CSS: Styling Input Text/Textarea Element
Leave a Commentthis is an old trick how to styling select button and also must working (at least) on Chrome,FF & Safari here you go font:…
Continue reading CSS: Styling Select Button
1 Commentthis is sholud be working on All browser, except the legend IE6 .share-action a:hover{ opacity:0.8; -moz-opacity:0.8; -khtml-opacity: 0.8; -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=80)”; }
Continue reading CSS: Opacity for All Browser
Leave a Commentthis is useful trick, i found on stackoverflow monggo gan open js/mage/adminhtml/wysiwyg/tiny_mce/setup.js find this block : var settings = { mode : (mode != undefined…
Continue reading Magento : Add certain tags (iframe, script, etc) in CMS editor?
Leave a Commentjust figure it out couple minutes ago, hope this is useful jQuery(‘body’).each(function(index) { jQuery(this).find(‘*’).each(function() { var cur_size = jQuery(this).css(‘font-size’); //alert(cur_size); cur_size = cur_size.replace(“px”,””); jQuery(this).css(‘font-size’, (cur_size…
Continue reading jQuery : Increase / Decrease All Element Font Size
Leave a Commentthis example css code, to perform animate like jQuery, but without any js code, but following code works on modern browser only <style> .theBox…
Continue reading CSS: Animate with CSS Only
Leave a Commentthis an old trick, but very useful for me, especially when dealing with html page only or simple php, here you go, put this code…
Continue reading HTML : Avoid Page Cache
1 Commentbelow example CSS wildcard selector tag[class^=”begins-with”] { } example, applied to tag with class : <div class=”begin-with-sdhjshdj”></div> tag[class$=”end-with”] { } example, applied to tag…
Continue reading CSS: Wildcard CSS Selectors Tricks
Leave a Commenthere is example css script to make glowing border (like neon effect) on text field and textearea field input[type=”text”]:focus, textarea:focus { box-shadow: 0px 0px 9px…
Continue reading CSS: Glowing Text Field & Textarea on Focus State
1 Commentlet say..you want to modify/add style inside DIV tag contains “Jhon” string below example the code <div>John Resig</div> <div>George Martin</div> <div>Malcom John Sinclair</div> <div>J. Ohn</div>…
Continue reading jQuery: Search String Inside DIV tag
Leave a Commentit is very stupid way to create jquery tabs… the CSS code: .product-tabs li a{ float: left; display: block; padding: 20px 0px; width: 187px; text-align:…
Continue reading jQuery: Stupid Way to Create Tabs
Leave a Commentthis is example how to add an external JS/CSS files to magento header into layout file : <default> <reference name=”head”> <block type=”core/text” name=”google.cdn.jquery”> <action method=”setText”>…
Continue reading Magento: Add External JS/CSS File to Header Tag
Leave a Comment