DilusWorld
 
This is an effort to consolidate some of the technical shortforms that we come accross. Almost all these terms are related to project management and other terms related to software industry.

 
#include //Credits,License etc.....
#INCLUDE //LoveTest Header File
#include //Girls Header File
SET DiL.GodMode =true ;                           //Explanation needed ,it will be given TECHNICALLY when a QUERRY comes..
#Define  DiL.NewLover Girls.NewGirl           //Defining a new Lover
Public LoveTest ()             // Initiating LoveTest
{
Int CurLoveListInt ;                       // Getting Current LoverGirls Count in Intiger
Girls.Girl newLoverGirl = new DiL.LoverGirl();                                   //Creating a Lover Girl object ,

 
Up until the introduction of CSS3 if you wanted to display your text in a circle you had to be creative using images or other techniques. The implementation of CSS3 has changed that and you can now transform your


into a nice round object.

I was playing around with some of the CSS3 features that are already supported by the modern browsers (Note: The techniques I’m going to be covering here are not yet supported by IE) and I thought to myself. Hell, I have all the tools to make a round
at my disposal, so why not do it.
For my example I’ll be creating a standard 128*128 black circle with some white text inside it.
Step 1:

Create your standard square
with your desired size. Give it an ID and then move on to your style sheet. I gave my the very creative name “circle”.
In your style sheet we’re going to make some adjustments.

#circle {
        background:black;
        height:128px;
        width:128px;
    }


First thing to do is cut your width in half, the reason for this will be explained shortly. So your css should now look like this:

#circle {
        background:black;
        height:64px;
        width:64px;
    }

Step 2
Now we’ll actually create our circle. The way we do this is by just creating large rounded corners on our borders. Set the radius to the same size as your height/width.


1  #circle {
2    background:black;
3    height:64px;
4    width:64px;
5    -moz-border-radius:64px;
6    -webkit-border-radius:64px;
7    }

You’ll notice that you don’t have a circle yet. The reason for this is that we have to add some padding. This will also make sure that any text we add to our circle is actually displayed inside it and not cut off by it or overlaps the edges.
Step 3
Now we’ll add our padding and one or 2 other features to finish off our circle.
01#circle { 02    background:black; 03    height:64px; 04    width:64px; 05    -moz-border-radius:64px; 06    -webkit-border-radius:64px; 07    padding:32px; 08    text-align:center; 09    color:white; 10} Now you should have a nice round circular
to which you can add text.
Summary
  1. 1. Create your normal div with the desired size.
  2. 2. Half the height and width and create rounded borders with the same size as your height/width.
  3. 3. Add padding equal to half of your height/width.