Techbirds | Knowledge Hub | Page 46

Sometimes you need text wrapping in such a way that text should be displayed in single line. But wrapping text with break-word or normally takes it to other line. I found the solution for this. HTML code:-

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    

        

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    

CSS code:-

div{ background: none repeat scroll 0 0 #CCCCCC; margin: 0 auto; padding: 0 10px; width: 300px; } div p{ padding: 10px 0; }

    div{

      background: none repeat scroll 0 0 #CCCCCC;

      margin: 0 auto;

      padding: 0 10px;

      width: 300px;

    }

    div p{

      padding: 10px 0;

    }

Solution CSS code-

div{ background: none repeat scroll 0 0 #CCCCCC; margin: 0 auto; padding: 0 10px; width: 300px; } div p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 0; }

  div{

    background: none repeat scroll 0 0 #CCCCCC;

    margin: 0 auto;

    padding: 0 10px;

    width: 300px;

  }

  div p{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 10px 0;

  }

722 total views, no views today

722 total views, no views today

I am creating a website and there is lot of icon and I want to use them as font. I tried to find my font in font awesome but I didn’t found there. So I am going to tell you how to create your own custom icon font using fantastic.com but you need all icons

Read More →

1,170 total views, no views today

Posted on: January 22, 2014 /

Categories: Tutorials / Author Name: Jitendar Tiwari

A simple way for creating a super glossy text effect Step 1 Open new document 1024px 768px resolution use background image, Create text using the color#70878bf, the font size 320px and used font Alba Duplicate this text layer, and change fill value 0. Double click on the original text layer and apply the following styles:

Read More →

639 total views, no views today

Hi all, I recently found some of my colleagues getting stuck in “Path” problems in Windows OS. So, This is a very quick post on how to handle the path problems and what all these means. 1. How to do this a. From your desktop right click on MyComputer(This PC in windows 8) or press WindowsKEY+E

Read More →

510 total views, no views today

Posted on: January 22, 2014 /

Categories: Tutorials / Author Name: Arjun VM

Here the effect we’ll be creating. Of course,  You can choose whatever text you like.     Step 1: Create a document with 300dpi resolution. Set the Background to black color. Type the text in white color (with Harry P font) and place at the center of document.     Step 2: Right-click on the text

Read More →

510 total views, no views today