Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Page 1 of 3 123 LastLast
Results 1 to 10 of 21
  1. #1
    Join Date
    Apr 2009
    Posts
    4,289
    Tokens
    2,022
    Habbo
    iLogan

    Latest Awards:

    Default Wrapping images around text

    Hello,

    Is there any way we can wrap images around text, I've looked but couldn't see anything
    ex-hxl manager
    ex-event organizer
    ex-gfx designer
    ex-competition staff
    ex-content staff
    OFWGKΔ

  2. #2
    Join Date
    Jul 2004
    Location
    UK
    Posts
    23,590
    Tokens
    33,601
    Habbo
    xxMATTGxx

    Latest Awards:

    Default

    Quote Originally Posted by RemelKiid View Post
    Hello,

    Is there any way we can wrap images around text, I've looked but couldn't see anything
    Try the following:

    PHP Code:
    [IMG=leftURL [/IMG]
    [
    IMG=rightURL [/IMG


    Previous Habbox Roles
    Co-Owner of Habbox | General Manager | Assistant General Manager (Staff) | Forum Manager | Super Moderator | Forum Moderator

  3. #3
    Join Date
    Apr 2009
    Posts
    4,289
    Tokens
    2,022
    Habbo
    iLogan

    Latest Awards:

    Default

    [img=left]http://www.habboxforum.com/customavatars/avatar60296_27.gif[/img]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper, erat id viverra pellentesque, odio dolor ornare nibh, sed porttitor nisi lectus fermentum lectus. Quisque tristique, lectus in tristique tristique, urna sapien venenatis lacus, ut interdum nunc urna sit amet lacus. Mauris scelerisque suscipit risus, ut sodales quam fermentum sit amet. Vivamus non egestas ligula. In mattis, nibh et convallis sollicitudin, enim urna ultrices elit, vel imperdiet ante tellus nec metus. Vestibulum ac ligula vitae neque tincidunt auctor nec vitae risus. Cras dui dolor, congue at dictum volutpat, eleifend vitae dui. Duis et libero eu eros pharetra semper. Curabitur dictum suscipit sem, vel pretium neque pharetra in. Donec eget justo felis, hendrerit fermentum est. Integer dui nisl, congue vel accumsan nec, pretium vitae metus. In congue nibh sit amet leo mattis nec molestie orci lobortis. Vivamus ut lectus non odio congue bibendum. Nulla at lacus ac ante suscipit condimentum eget a risus. In aliquet lacus nec risus adipiscing ac molestie nisi scelerisque. Etiam scelerisque dui ut dolor vulputate vulputate.

    [img=right]http://www.habboxforum.com/customavatars/avatar60296_27.gif[/img]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper, erat id viverra pellentesque, odio dolor ornare nibh, sed porttitor nisi lectus fermentum lectus. Quisque tristique, lectus in tristique tristique, urna sapien venenatis lacus, ut interdum nunc urna sit amet lacus. Mauris scelerisque suscipit risus, ut sodales quam fermentum sit amet. Vivamus non egestas ligula. In mattis, nibh et convallis sollicitudin, enim urna ultrices elit, vel imperdiet ante tellus nec metus. Vestibulum ac ligula vitae neque tincidunt auctor nec vitae risus. Cras dui dolor, congue at dictum volutpat, eleifend vitae dui. Duis et libero eu eros pharetra semper. Curabitur dictum suscipit sem, vel pretium neque pharetra in. Donec eget justo felis, hendrerit fermentum est. Integer dui nisl, congue vel accumsan nec, pretium vitae metus. In congue nibh sit amet leo mattis nec molestie orci lobortis. Vivamus ut lectus non odio congue bibendum. Nulla at lacus ac ante suscipit condimentum eget a risus. In aliquet lacus nec risus adipiscing ac molestie nisi scelerisque. Etiam scelerisque dui ut dolor vulputate vulputate.

    edit: omg that's great thanks!!!
    Last edited by iLogan; 29-04-2012 at 07:47 PM.
    ex-hxl manager
    ex-event organizer
    ex-gfx designer
    ex-competition staff
    ex-content staff
    OFWGKΔ

  4. #4
    Join Date
    Oct 2006
    Location
    United Kingdom
    Posts
    4,753
    Tokens
    1,860
    Habbo
    ,Alpha,

    Latest Awards:

    Default

    [IMG=left]http://www.habboxforum.com/customavatars/avatar45160_5.gif[/IMG]It works, however when using spoilers it goes right through it!
    See?

  5. #5
    Join Date
    Aug 2010
    Location
    Glasgow
    Posts
    7,144
    Tokens
    2,757

    Latest Awards:

    Default

    @Lee; that's a quote



  6. #6
    Join Date
    Oct 2006
    Location
    United Kingdom
    Posts
    4,753
    Tokens
    1,860
    Habbo
    ,Alpha,

    Latest Awards:

    Default

    Whoops your right, that's what I meant

    Quote Originally Posted by Dave. View Post
    @Lee; that's a quote



  7. #7
    Join Date
    May 2007
    Posts
    10,481
    Tokens
    3,140

    Latest Awards:

    Default

    Quote Originally Posted by Lee View Post
    [IMG=left]http://www.habboxforum.com/customavatars/avatar45160_5.gif[/IMG]It works, however when using spoilers it goes right through it!
    Someone hasn't thought about the width of "bbcode_container" properly, I'm not entirely sure on the top of my head how to fix it though since the images is aligned by floating it. I might have a quick fiddle around to see if it's easily fixable.

    Edit: If matt or whoever is fairly competant with html then they can read
    http://www.complexspiral.com/publica...aining-floats/

    whilst david isn't here.

    edit2: sticking:
    <hr style="display: block; clear: left; margin: -0.66em 0;
    visibility: hidden;">

    prior to bbcode containers then it should prevent floats extending into them. I'm fairly certain there's a way to incorperate this just on quote divs.

    Edit3:

    Matt, add "display: block; clear: left;" to the style info for bbcode_quote, fixes the problem.
    Last edited by Chippiewill; 29-04-2012 at 10:14 PM.
    Chippiewill.


  8. #8
    Join Date
    May 2007
    Posts
    10,481
    Tokens
    3,140

    Latest Awards:

    Default

    (Ran out of edit time) correction that should be:
    display: block; clear: both;
    otherwise it won't fix right aligned images.
    Chippiewill.


  9. #9
    Join Date
    May 2007
    Posts
    10,481
    Tokens
    3,140

    Latest Awards:

    Default

    Alternatively stick
    overflow: hidden;
    inside "bbcode_container" if you want the quote to flow AROUND the image instead of being forced below it.
    Chippiewill.


  10. #10
    Join Date
    Jul 2004
    Location
    UK
    Posts
    23,590
    Tokens
    33,601
    Habbo
    xxMATTGxx

    Latest Awards:

    Default

    Quote Originally Posted by Chippiewill View Post
    Alternatively stick
    overflow: hidden;
    inside "bbcode_container" if you want the quote to flow AROUND the image instead of being forced below it.
    Cheers, I've just added that to the Site Skin 2011 - Will do it to the rest of the styles in a minute if it's all good.


    Previous Habbox Roles
    Co-Owner of Habbox | General Manager | Assistant General Manager (Staff) | Forum Manager | Super Moderator | Forum Moderator

Page 1 of 3 123 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
  •