CSS Box Shadow

.shadow { -moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc; } The straight offset of the darkness, favorable suggests the shadow will perform the right of the box, an unfavorable balanced out will place the shadow on the left of the box. The upright offset […]

Drop Caps

Merely wrap the initial personality of the paragraph in a period, and target the span with CSS and style away. HTML CODE L orem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique lobortis orci ac lacinia. Fusce eu purus eget diam vehicula auctor nec eu elit. Morbi consequat facilisis orci vel malesuada. Donec ultrices […]

Gradient Text

“Gradient Text” h1 { font-size: 72px; background: -webkit-linear-gradient(#eee, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

Turn On More Buttons in the WordPress Visual Editor

These buttons (like one for adding an tag) aren’t there by default in the WordPress visual publisher, however you can transform them on rather easily. This is code for your energetic theme’s features. php file function add_more_buttons($buttons) { $buttons[] = ‘hr’; $buttons[] = ‘del’; $buttons[] = ‘sub’; $buttons[] = ‘sup’; $buttons[] = ‘fontselect’; $buttons[] = […]

Year Shortcode For WordPress

Here is to show year in your WordPress just copy paste this code to your theme function.php file function year_shortcode() { $year = date(‘Y’); return $year; } add_shortcode(‘year’, ‘year_shortcode’); now Use [year] in your posts.

Customize Login Page of WordPress

Change the Logo Image Change the wordpress logo with your logo by this code (paste these lines in your theme function.php file) function custom_login_logo() { echo ‘<style type=”text/css”>h1 a { background: url(‘.get_bloginfo(‘template_directory’).’/images/logo-login.gif) 50% 50% no-repeat !important; }</style>’; } add_action(‘login_head’, ‘custom_login_logo’); Change the URL Of Logo On login page of wordpress when you click on logo […]

Change Text Selection Color Using CSS

/* Mozilla based browsers */ ::-moz-selection { background-color: #DE6B1E; color: #fff; } /* Works in Safari */ ::selection { background-color: #DE6B1E; color: #FFF; } /* Works in Opera */ ::-o-selection { background-color: #DE6B1E; color: #FFF; } ::-ms-selection { background-color: #DE6B1E; color: #FFF; } /* Works in Internet Explorer */ ::-webkit-selection { background-color: #DE6B1E; color: #FFF; […]