Creating Portlet CSS

Last post 11-20-2008 6:18 AM by wrathyimp. 3 replies.

Sort Posts:

  • Creating Portlet CSS

    11-18-2008, 3:33 AM
    • Member
      14 point Member
    • wrathyimp
    • Member since 05-13-2006, 9:20 AM
    • Posts 36

     Hi All,

    I am new to css, usually i yuse tables instead of portlets, but now i want to create portlets (without close, move etc option), and have the decoration loaded from the css.

    So how can i create the css class which has the following:

    Top header bar

    Left border

    Right border

    bottom border

    background color.

     

    Please guide this simple query.

     

    Thanks,

    Filed under: , ,
  • Re: Creating Portlet CSS

    11-19-2008, 4:58 AM
    • Member
      14 point Member
    • wrathyimp
    • Member since 05-13-2006, 9:20 AM
    • Posts 36

     Anyone can Support me in this issue?

     

    Thanks

  • Re: Creating Portlet CSS

    11-19-2008, 5:47 AM
    Answer
    • Member
      708 point Member
    • raju dasa
    • Member since 11-05-2008, 4:20 PM
    • Posts 124

    Hi,

    ---------------abc.css-----------

    .myclass {

    text-decoration: overline;

    border-right: blue thin solid;

     border-top: blue thin solid;

    display: block;

    visibility: visible;

    border-left: blue thin solid;

     border-bottom: blue thin solid;

    }

    -----------------------------

    modify above code for your use, if required.

    the best way to apply the css is: use the Visual Studio, select a html file, drag n drop a <div> or <span>  then go to the properties window, select the style and try there.

    ---------------------------------------------------------

    Mark as Answer if u got. Happy Coding.

  • Re: Creating Portlet CSS

    11-20-2008, 6:18 AM
    • Member
      14 point Member
    • wrathyimp
    • Member since 05-13-2006, 9:20 AM
    • Posts 36

     Thanks Raju,

     

    But  for "blue thin solid" do I have to add the image or, this is system generated lines?

    Also for background, which iis this the one "display:block" .

    And One more question apart form this?

    I have a background on the front page, but on the top i need to add 10 px of different images, how can I do this.

     

    Thanks once again.

Page 1 of 1 (4 items)