Welcome Guest ( Log In | Register )



3 Pages V  < 1 2 3 >  
Reply to this topicStart new topic
> Custom BBCode, Help
pyost
post Jan 28 2006, 03:53 PM
Post #11


Nenad Bozidarevic
Group Icon

Group: [MODERATOR]
Posts: 1,002
Joined: 7-November 05
From: Belgrade, Serbia
Member No.: 9,500



Need help with one more thing. When I type some logner texts, instead of breaking it into a few lines, it creates a horizontal scroll bar. How to solve this? I see that the code tag works properly.
Go to the top of the page
 
+Quote Post
miCRoSCoPiC^eaRt...
post Jan 28 2006, 05:15 PM
Post #12


PsYcheDeLiC dR3aMeR
Group Icon

Group: Admin
Posts: 2,242
Joined: 29-January 05
From: Nakorn Chaisri, Thailand
Member No.: 2,411



Horizontal scroll bar, eh ?

You should use these two properties together for that div:
CODE

overflow: auto;
word-wrap: break-word;


That should see you through.
Go to the top of the page
 
+Quote Post
Houdini
post Jan 28 2006, 06:56 PM
Post #13


Super Member
Group Icon

Group: Members
Posts: 572
Joined: 25-April 05
From: Nashville Tennessee
Member No.: 4,340



Hey pyost when you get it the way you want and all why dont you let us know how everything is working. Glad you discovered how simple and powerful just using a little css is. What you are using in this case is embedded style, and there is also inline css where you apply the style to an individual element, and you can import a seperate style sheet that you could use on what ever page you want by importing the style sheet you created by
CODE
<style type='text/css'>
 <!--
     @import url(your.css)
 -->
</style>

That way you make the style sheet with all kind of classes etcetera once and just import it into those pages where you want to use it. Then if you want to add more changes that effect the look of all those pages you just change the one style sheet instead of messing with all the pages individually.
Go to the top of the page
 
+Quote Post
pyost
post Jan 28 2006, 08:00 PM
Post #14


Nenad Bozidarevic
Group Icon

Group: [MODERATOR]
Posts: 1,002
Joined: 7-November 05
From: Belgrade, Serbia
Member No.: 9,500



2Houdini

Useful, I'm sure that will come in handy.

2m^e

Let me check if I got this right. The div part should look like this:

CODE
<div class='notetop'>NAPOMENA</div><div class='notemain' style= white-space:pre;overflow:auto;
word-wrap: break-word'>{content}</div>


Cause it's not working biggrin.gif

Here's a link to how it looks
Go to the top of the page
 
+Quote Post
Houdini
post Jan 29 2006, 02:28 AM
Post #15


Super Member
Group Icon

Group: Members
Posts: 572
Joined: 25-April 05
From: Nashville Tennessee
Member No.: 4,340



Use this pyost and it will work, I dont have the color scheme you used but here is the out put using the following
CODE
<div class='codetop'>Napomena:</div><div class='codemain' style= overflow:auto;word-wrap:normal'>{content}</div>

user posted image
Drop the word-wrap:break-word; and the white-space:pre; as shown above and you will fix it just as shown. Sorry I use illustration so much but it is easier than my misspelled words and such.
Go to the top of the page
 
+Quote Post
pyost
post Jan 29 2006, 09:25 AM
Post #16


Nenad Bozidarevic
Group Icon

Group: [MODERATOR]
Posts: 1,002
Joined: 7-November 05
From: Belgrade, Serbia
Member No.: 9,500



Ouch smile.gif

Close, but not there yet smile.gif

http://www.forumiranje.com/forum/index.php...findpost&p=5048

I have defined the width in css, but it ignores it...
Go to the top of the page
 
+Quote Post
Houdini
post Jan 29 2006, 02:18 PM
Post #17


Super Member
Group Icon

Group: Members
Posts: 572
Joined: 25-April 05
From: Nashville Tennessee
Member No.: 4,340



OK It appears that you redefined the width of the notetop is that what you wanted to make the header or notetop smaller, if you want the notemain or the box to be the same size then you need to define the notemain the same as the notetop.
You can leave the class alone and just override the class in the <div> by doing this
CODE
<div class='notetop' style=width:50%>Napomena:</div><div class='notemain'
style= width:50%;overflow:auto;word-wrap:normal >{content}</div>
Go to the top of the page
 
+Quote Post
Houdini
post Jan 29 2006, 03:10 PM
Post #18


Super Member
Group Icon

Group: Members
Posts: 572
Joined: 25-April 05
From: Nashville Tennessee
Member No.: 4,340



A little UPDATE I found out that for your style to take even though you havd edit it you have to do it through the ACP, so go to your IPB Admin Control Panel the expand the Skins and Templates then select Manage Skins then select under the master skin set you may only have one set which will be the default skin set so click the name of it and it will show your skin set, make the changes there and then tell it to save and reload, this will put the skin set into your databaase and update the cache and whatever changes you made will now be usable.

The override where you defined the width should still work but the notetop and notemain need to have the same values unless you want that kind of effect. You could change your borger to solid or a ridge inset or outset a grove or dashed, just look up css borderstyle with google and you should see all the kinds of borders for boxes that are available.
Go to the top of the page
 
+Quote Post
pyost
post Jan 30 2006, 03:53 PM
Post #19


Nenad Bozidarevic
Group Icon

Group: [MODERATOR]
Posts: 1,002
Joined: 7-November 05
From: Belgrade, Serbia
Member No.: 9,500



Now it's working smile.gif

As for the update, I'm not sure what you wanted to say, because even without doing that everything works just fine now.
Go to the top of the page
 
+Quote Post
BuffaloHELP
post Mar 10 2007, 07:52 PM
Post #20


Premium Member
Group Icon

Group: Admin
Posts: 272
Joined: 10-January 06
Member No.: 10,610



I was searching on the net to add forum member name to a custom bbcode and where does it lead me? Right here! smile.gif

So, were you successful in inserting forum member name to your custom bbcode automatically? Is it ever possible using custom bbcode or does it need to be added as a module (like the ones from Invisionize YOU bbcode)? I'm assuming a simple HTML bbcode cannot interface with IP.Board's PHP array vars...

Anyone has an idea how to approach this, please let it be known :-)
Go to the top of the page
 
+Quote Post

3 Pages V  < 1 2 3 >
Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. New Introductions & Tests Of Custom Bbcodes(53)
  2. How To #3: Custom BBCdes For This Board (Note)(15)
  3. Mid-autumn: Dragons In The Streets(1)
  4. Custom Windows Boot Screen(10)
  5. Custom Error Pages(11)
  6. Windows Live Custom Domain: Question(4)
  7. Handle New Custom Protocol(0)
  8. First-custom Brush Based "sig"(6)
  9. Upgraded The Note Bbcode(4)
  10. Photoshop Tutorial: Sunblind's Custom Style #2 - Oh-so-blue(0)
  11. Photoshop Tutorial: Sunblind's Custom Style #3 - The DM.Net Style(3)
  12. Photoshop Tutorial: Sunblind's Custom Style #4 - The Bi-Polar Attraction Set(4)
  13. Photoshop Tutorial: Sunblind's Custom Style #5 - Incredible Orange(0)
  14. Photoshop Tutorial: Sunblind's Custom Style #6 - Satin Pillow(0)
  15. Photoshop Tutorial: Sunblind's Custom Style #7 - Rubber(1)
  1. Custom Built PC - No Sound(8)
  2. Photoshop Tutorial: Sunblind's Custom Style #8 - EyeHeartGold(5)
  3. Photoshop Tutorial: Sunblind's Custom Style #9 - Watery(0)
  4. Photoshop Tutorial: Sunblind's Custom Style #10 - Fiery(4)
  5. Custom Error Pages(4)
  6. Any BBCode Editor Around?(1)
  7. Custom 404 Errorpages : How ?(10)
  8. Diy Fan Controller(4)
  9. Ajaxload Creates For You Free Custom Animated Ajax "loading" Icons(0)
  10. Custom Icon For Your Hard Disk Drives ( For Cds Also)(2)
  11. Help: Multi-threading Trouble In Custom Socket Component(2)
  12. Bbcode Help(9)
  13. Easiest Free Forum To Create Custom Skin For?(2)


 



- Lo-Fi Version Time is now: 8th September 2008 - 03:36 AM