CSS Style center

CSS Styles, CSS tips

Portfolio

Category Archives: CSS Tricks

Here you will find everything about css tricks in order to make our life easier when looking for easy solutions for everyday jobs…

css triangle menu

css3 sliding menu

Hi guys, Here you can find a very neat css3 menu with sliding tabs. It is very basic and simple, here is the code of it: css3 sliding menu

css3 rounded corners

CSS 3 has many new methods to do what we have been doing in the hard way before, and one of them is rounded corners for boxes. The code for this is very simple, it goes like this: the idea is simple, each and every one of these lines refers to different browsers/ different versions [...]

CSS3 Gradients with opacity works with IE

I am working on a project for my customer currently, and as always i try to make cross browser consistency. I have built a drop down menu with CSS3 Gradients and added Opacity to it as well, everything looked great, until i have opened it in IE… i know that IE does not recognize any [...]

Ways to increase site performance

There are many ways to increase site performance, until now i have discovered a few very good ways to make it better. In this post i will show you the ways i have discovered and explain to you how they work and exactly improve your site performance.

Dynamic Div Box

In order for you to create a dynamic div box you should have an image of a box. Then you have to devide it into 3 different images, the top part of it, middle and the bottom. Except the middle part should be only 1 pixel height, it will get the repeat-y rule so that [...]

Webkit transition example

Hello Again, you must have noticed the nice webkit transition effect (works only with chrome/safari browsers ) on my ads along with the box shadow. This is just one example of what can be achieved with webkit transition. how you can achieve this effect? CSS Code: and now everything with the attribute class=”ads” gets the border [...]

IE 7 ul in floating div

Hi guys, Recently i have encountered a problem in IE7 when i put a ul in a floating div, for some reason the ul slides out of the div and it doesn’t look good at all. The Solution for the ul in floating div: Just add in your header a new stylesheet witch will load [...]

Center a DIV with CSS

Hi, This time i am going to show you how to center a DIV block with CSS style. Centering a DIV The code you need to center only your DIV. <div id=”center”> some code… </div> CSS code for centering DIV #center   {width:700px; margin:0 auto;} You may change the width of the DIV to any [...]

Sliding door menu CSS

Today i’m going to show you how to create a Sliding door menu using only CSS. The purpose of sliding door menu is to create a menu that will be easy to maintain in case something needs to be changed and it is SEO Friendly. So write it down: The CSS Code needed for the menu [...]