• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Tutorial BBCode Assistance Thread

ah so for some reason my images (when put in div boxes) won't show up?
for example in this:
GLASSY SKY ABOVE

「astraea ∙ anime + kpop trash ∙ semi/advanced rper」
​
 
astraeaaa said:
ah so for some reason my images (when put in div boxes) won't show up?
for example in this:
GLASSY SKY ABOVE

「astraea ∙ anime + kpop trash ∙ semi/advanced rper」
​
Click to expand...
There needs to be apostrophes before and after the url like this: backround: url('-url-');
 
astraeaaa astraeaaa is this what you're going for?

EDIT:: Sorry for it looking a little wonky. Going from Private Workshop to public posts tends to fuck some shit up.









GLASSY SKY ABOVE
「astraea ∙ anime + kpop trash ∙ semi/advanced rper」




 
No prob. A lot of the coding was repeating/goofing up with the way it was typed out. There's also RPN having an effect on physical spacing in terms of "pressing enter" and all that jazz for some reason.

EDIT:: I do recall coding that can stop that... but I actually don't remember from the top of my head. x 3 x;;;
 
mayhem TR4NQU1L17Y said:
No prob. A lot of the coding was repeating/goofing up with the way it was typed out. There's also RPN having an effect on physical spacing in terms of "pressing enter" and all that jazz for some reason.

EDIT:: I do recall coding that can stop that... but I actually don't remember from the top of my head. x 3 x;;;
Click to expand...
yeah, i copy and pasted it from another place to convert it, so idk why there were repeating parts and what not rip

ah, one more thing,,, how do i make the box with the image background and the box with the translucent white background central? ^^;

.
.
GLASSY SKY ABOVE
「astraea ∙ anime & kpop trash ∙ semi/advanced rper」
​
 
astraeaaa said:
yeah, i copy and pasted it from another place to convert it, so idk why there were repeating parts and what not rip

ah, one more thing,,, how do i make the box with the image background and the box with the translucent white background central? ^^;

.
.
GLASSY SKY ABOVE
「astraea ∙ anime & kpop trash ∙ semi/advanced rper」
​
Click to expand...
add margin: auto; to center them. ^^
 
I think that's the "margin: auto;" coding that SHOULD be the first thing you have as your coding. Center doesn't do jack sadly.

EDIT:: Beat me to it. xD Was just updating the chart thingy I have for Div Boxes.
 
ewolf20 said:
guys i need help, i can't center my text with centerblock or center for some reason.
Click to expand...
Centerblock does not center text. You need to use:

Code: 
[center]TEXT[/center]

For text. Centerblock centers elements like divs, columns, tables, etc.
 
Hey, uhm, I've been trying to get accordions to fit in columns so that I could do somewhat of a drop down menu, but every single time I try to put an accordions in columns, they aren't spaced out evenly and turn out a bit wonky. (below)


chicken
stuff
chicken
stuff

Not exactly sure how I can fix this, but here's the code:

Code: 
[row]
[column=span 4][accordion=50%|bcenter]{slide=chicken} stuff {/slide}[/accordion][/column][column=span 4][accordion=50%|bcenter]{slide=chicken} stuff {/slide}[/accordion][/column][/row]
 
Cychotic said:
Hey, uhm, I've been trying to get accordions to fit in columns so that I could do somewhat of a drop down menu, but every single time I try to put an accordions in columns, they aren't spaced out evenly and turn out a bit wonky. (below)


chicken
stuff
chicken
stuff

Not exactly sure how I can fix this, but here's the code:

Code: 
[row]
[column=span 4][accordion=50%|bcenter]{slide=chicken} stuff {/slide}[/accordion][/column][column=span 4][accordion=50%|bcenter]{slide=chicken} stuff {/slide}[/accordion][/column][/row]
Click to expand...
Did you want them at 50? If not get rid of it. That and don't put spaces in between span and the value. ^^

There's no way to get rid of the space between them because that's just how columns work. You might be able to get a similar effect with divs though.
chicken
stuff
chicken
stuff

Code: 
[row][column=span4][accordion=100%|bcenter]{slide=chicken} stuff {/slide}[/accordion][/column][column=span4][accordion=100%|bcenter]{slide=chicken} stuff {/slide}[/accordion][/column][/row]
 
StoneWolf18 said:
Did you want them at 50? If not get rid of it. That and don't put spaces in between span and the value. ^^

There's no way to get rid of the space between them because that's just how columns work. You might be able to get a similar effect with divs though.
chicken
stuff
chicken
stuff

Code: 
[row][column=span4][accordion=100%|bcenter]{slide=chicken} stuff {/slide}[/accordion][/column][column=span4][accordion=100%|bcenter]{slide=chicken} stuff {/slide}[/accordion][/column][/row]
Click to expand...
Oh wow, that's exactly what I needed, thank you!
 
StoneWolf18 said:
There's no way to get rid of the space between them because that's just how columns work. You might be able to get a similar effect with divs though.
Click to expand...
Ictora actually figured out a way to get rid of the spaces between columns by using centerblocks. I'm terrible at explaining things, so I'll just leave the link here. >v>
 
I'm not sure if this has been asked, and if it has, my apologies. However, is there a way to center tabs? It's bugging me while everything else is perfectly in my wanted position, the tabs refuse to budge from the left. Should I just switch to accordions?
 
Ahiru said:
I'm not sure if this has been asked, and if it has, my apologies. However, is there a way to center tabs? It's bugging me while everything else is perfectly in my wanted position, the tabs refuse to budge from the left. Should I just switch to accordions?
Click to expand...
Nope, as of right now tabs are rather limited when it comes to customization.
 
I'm having a bit of trouble with this code, I'm not quite sure how to position the line of black underneath the circular image. I'd like to have it look like this:
691f812ac5dd4538bec7aed27f22ff0c.png


Not exactly sure how to code it, though! (also would love to figure out if I could make text wrap around it, but also unsure.

.
.


Code: 
[centerblock=80][div=background:#000000; color:#000000; height: 30px;].[/div][div=padding-top:10px;; padding-bottom:0px; border: 2px solid green; background: url(https://image.prntscr.com/image/785a35c1d55d451f8e68e1a4edded9d2.png); background-position: 0% 100%; height: 220px; width:220px; border-radius: 100%; border: 4px solid #ffffff; color:#FEFCD5;].[/div][/centerblock]
 
Cychotic Cychotic ; you're going for something like this right?








.

.


If so, all you need to do is add margin-bottom: -210px; to the div coding for the black bar. The margin is basically the space between one element and another, and so putting the margin in the negatives will make it so the elements go on top of each other. However, this also means that you have to put space at the top of the post, otherwise, the elements might go outside the boundaries and look like this:

Code: 
[centerblock=80]







[div=background:#000000; color:#000000; height: 30px; margin-bottom: -210px].[/div]
[div=padding-top:10px; padding-bottom:0px; margin-left: 20px; border: 2px solid green; background: url(https://image.prntscr.com/image/785a35c1d55d451f8e68e1a4edded9d2.png); background-position: 0% 100%; height: 220px; width:220px; border-radius: 100%; border: 4px solid #ffffff; color:#FEFCD5;].[/div][/centerblock]
 
You must log in or register to reply here.

Users who are viewing this thread

Total: 4 (members: 0, guests: 4)

Similar threads

Noxxy
Help Bbcode tutor?
Replies
2
Views
78
Ness_eb
Ness_eb
Lumpkinz11
Help SOLVED: ISO Simple BBCode Character Sheet
Replies
2
Views
229
Idea
Idea
DaydreamNarrator
Closed found the solution
Replies
0
Views
154
DaydreamNarrator
DaydreamNarrator
Zariah Turner
Help Tabs??
Replies
2
Views
118
Zariah Turner
Zariah Turner
Back
Top