Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 18
  1. #1
    New Coder
    Join Date
    Apr 2007
    Posts
    85
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Creating a quote box, similar to a round box....

    I attempting to create a re-usable quote box like on this website right at the top, pownce.com


    I would prefer not to use an image, and I swear I have seen a tutorial or some variation of how to do this. I know there are several that are with rounded boxes, but I would like to create something like this, no rounded boxes involved.

    Thank you for ANY help.

    I am on my way. :)

  • #2
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    If i've got it right what you mean, couldn't you just style the <blockquote> tag?
    .
    .

  • #3
    New Coder
    Join Date
    Apr 2007
    Posts
    85
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Jutlander View Post
    If i've got it right what you mean, couldn't you just style the <blockquote> tag?

    You have to look at the link I posted, pownce.com

    It's right at the top, I can't find any examples that show how to do it.
    I am on my way. :)

  • #4
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by inVINCEable View Post
    I attempting to create a re-usable quote box like on this website right at the top, pownce.com
    Now maybe you can explain what a quote box is? On that page at the top right all I see is a login form?

  • #5
    New Coder
    Join Date
    Apr 2007
    Posts
    85
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by koyama View Post
    Now maybe you can explain what a quote box is? On that page at the top right all I see is a login form?


    Ah! I apologize, I got the wrong URL. Here we go http://pownce.com/download/

    I am on my way. :)

  • #6
    New Coder
    Join Date
    Apr 2007
    Posts
    85
    Thanks
    1
    Thanked 0 Times in 0 Posts
    P.S. It's at the very top, the header, I swear I once saw a tutorial for it.
    I am on my way. :)

  • #7
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #8
    New Coder
    Join Date
    Apr 2007
    Posts
    85
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by twodayslate View Post

    Ah the second one! Yes, and again I swear I have seen it somewhere, a tutorial. O well hopefulyl someone knows where I can find it. 1 hour of searching for variations of rounded boxes has got me tired
    I am on my way. :)

  • #9
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    So you want this but with rounded corners? Or are the straight corners fine?


    I would suggest to make your rounded corners then add a div under it and at the little arrow thing.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #10
    Regular Coder
    Join Date
    Jul 2007
    Posts
    571
    Thanks
    25
    Thanked 28 Times in 28 Posts
    the easiest way would just to place a triangle img the same color as your background and the bottom of your header.

  • #11
    New Coder
    Join Date
    Apr 2007
    Posts
    85
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by twodayslate View Post
    So you want this but with rounded corners? Or are the straight corners fine?


    I would suggest to make your rounded corners then add a div under it and at the little arrow thing.

    Hm, I see. Although they will need to be repeated several times on a page, so I would rather not make it multiple parts, but rather one object I can place with css.

    Rounded, or straight, at the moment I really am impartial I just am trying to find something like this that is one element that is scalable, one piece, etc., just like the round corner boxes you see all over.

    Thanks.
    I am on my way. :)

  • #12
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    http://twodayslate.com/test/test2.php

    Sorta captured the effect with one of my old layouts.

    edit://
    http://twodayslate.com/test/inVINCEable.php There, all done! This made is way easier! Looks fine in FF
    Last edited by twodayslate; 07-11-2007 at 03:35 AM.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #13
    New Coder
    Join Date
    Apr 2007
    Posts
    85
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by twodayslate View Post
    http://twodayslate.com/test/test2.php

    Sorta captured the effect with one of my old layouts.

    edit://
    http://twodayslate.com/test/inVINCEable.php There, all done! This made is way easier! Looks fine in FF

    Whoa, thank ya

    Yep, i think ill give you some rep !
    I am on my way. :)

  • #14
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    No problem, glad I can help.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #15
    New Coder
    Join Date
    Jul 2007
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts
    sure helped me out... thanks


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •