myfanwy
forever tilted
ah. almost. i think i can tinker with the code and get it to how i'd like. if i have anymore question, would it be alright if i sent you a pm? i don't want to clog this thread ^^'
-
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
- Thread starter StoneWolf18
- Start date
ah. almost. i think i can tinker with the code and get it to how i'd like. if i have anymore question, would it be alright if i sent you a pm? i don't want to clog this thread ^^'
IctoraPost
You've got mail
Of course. Happy to help.
Pretzel Heart
Afterimage of Broad Daylight
(Hope it's okay to post here)
Is there a way to fiddle around with the bbc so that the in-line spoilers ( hey ) don't show anything when hovered over? (So basically you retain giant black bars over the text)
Or some other way to get this effect (it has to be in-line tho)?
All the things I tried ended up backfiring in some way of ill use to my purposes xD
Is there a way to fiddle around with the bbc so that the in-line spoilers ( hey ) don't show anything when hovered over? (So basically you retain giant black bars over the text)
Or some other way to get this effect (it has to be in-line tho)?
All the things I tried ended up backfiring in some way of ill use to my purposes xD
Fable
₮ⱧɆ ₥Ɏ₮Ⱨ, ₮ⱧɆ ⱠɆ₲Ɇ₦Đ, ₮ⱧɆ ₣₳฿ⱠɆ
You basically want redacted text? However, if someone were to highlight over the inline spoiler, they could still read it.
Amerikia1126
Occasionally Active
Pretzel Heart
Afterimage of Broad Daylight
Yea, I just want the look of redacted text. Highlighting isn't an issue. It's more of an aesthetic thing, where the hover-over becomes distracting.
Or using any other method.
Amerikia1126
Wait I think you might have got it xD
What did you use there? I'll try and implement
Also thanks both for your time. :3
Amerikia1126
Occasionally Active
here's the codeYea, I just want the look of redacted text. Highlighting isn't an issue. It's more of an aesthetic thing, where the hover-over becomes distracting.
Or using any other method.
Wait I think you might have got it xD
What did you use there? I'll try and implement
Also thanks both for your time. :3
La la la [div=display:inline; background:#333333;][div=display: inline; visibility:hidden;]YOU CANNOT READ ME[/div][/div] la la la
Pretzel Heart
Afterimage of Broad Daylight
Oh man, that's perfect. I didn't know Div had an inline display option. :3
Thanks a latte.
boyguro
Заводной апельсин
i asked for help from a mod and tried out what they suggested with this code but i couldn't get it to work (im not the best at bbcode lmao). what i'm trying to do is get the bottom two boxes centered, but they won't align. any help would be appreciated
[ EXCLUSION ZONE: DANGER AHEAD ]
[ EXCLUSION ZONE: DANGER AHEAD ]
-
Code:
[div=background:url(https://i.imgur.com/UjZyY29.jpg);background-size:cover;padding:20px;][border=1px solid #7a7a7a][bg=#000000]
[CENTER][IMG]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LmVkZWRlZC5RU0JUSUZRZ1VpQlBJRllndzRRZ1RDQkVJRVVnVWlCTy4wAAAAAAAA/stormfaze.regular.png[/IMG]
[FONT=Rajdhani][SIZE=6][COLOR=rgb(191, 191, 191)][B][ EXCLUSION ZONE: [/B]DANGER AHEAD ][/COLOR][/SIZE][/FONT]
[/CENTER]
[DIV=height: 300px;
width: 300px;
background:URL(https://i.imgur.com/GEPDj5c.jpg);
background-size: cover;
border:5px solid black;
border-radius:50%;
margin:5px;
padding:0px;
margin:auto;][DIV=border-right: 2px solid black;
border-left: 2px solid lightgray;
border-top: 2px solid lightgray;
border-bottom: 2px solid lightgray;
height: 300px;
width: 300px;
position:relative;
left:-8px;
top:-7px;
margin:0px;
padding:5px;
border-radius:50%;
color:transparent;
animation: fa-spin 3s linear infinite;
transform-origin: 50%;]-[/DIV][/DIV]
[row][column=span3][div=background-color:black;
height:440px;
max-width:500px;
padding:10px;][div=background-color:#7a7a7a;
height:15px;
max-width:310px;
color:#fff;
padding:4px;
position:relative;
left:20%;]
[/div][div=background-color:black;
border:1px solid #7a7a7a;
max-width:300px;
height:370px;
font-size:10px;
color:lightgrey;
padding:10px;
position:relative;
left:20%;][div=position: relative;
max-width: 300px;
height: 350px;
overflow: hidden;
background-color:black;
padding:10px;][div=width: 100%;
padding-right: 145px;
height: 100%;
overflow-y: scroll;
font-align: justify;
font-width: bold;][IMG]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LmVkZWRlZC5VMVJQUTB0SVQweE5MQ0F4T1Rnei4wAAAAAAAAAAAA/stormfaze.regular.png[/IMG]
[IMG]https://i.imgur.com/2ocrv0K.jpg[/IMG]
[FONT=Rajdhani][COLOR=rgb(191, 191, 191)]Info[/COLOR][/FONT]
[/div][/div][/div][/div]
[/column][column=span3][div=background-color:black;
height:440px;
max-width:500px;
padding:10px;][div=background-color:#7a7a7a;
height:15px;
max-width:310px;
color:#fff;
padding:4px;
position:relative;
left:20%;]
[/div][div=background-color:black;
border:1px solid #7a7a7a;
max-width:300px;
height:370px;
font-size:10px;
color:lightgrey;
padding:10px;
position:relative;
left:20%;][div=position: relative;
max-width: 300px;
height: 350px;
overflow: hidden;
background-color:black;
padding:10px;][div=width: 100%;
padding-right: 145px;
height: 100%;
overflow-y: scroll;
font-align: justify;
font-width: bold;][IMG]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LmVkZWRlZC5VMVJQUTB0SVQweE5MQ0F4T1Rnei4wAAAAAAAAAAAA/stormfaze.regular.png[/IMG]
[IMG]https://i.imgur.com/2ocrv0K.jpg[/IMG]
[FONT=Rajdhani][COLOR=#bfbfbf]Info[/COLOR][/FONT][/div][/div][/div][/div][/column][/row]
[/bg][/border][/div]
Last edited:
IctoraPost
You've got mail
Woah, that's a nice-looking design there.
What I would recommend is to get a div, put a width to and center it, then use columns / floated divs to make two halves inside of it. For example:
textext
content
Code:
[div=max-width: 800px; margin: 0 auto;][row][column=span4][div=background: blue;]textext[/div][/column][column=span4][div=background: red;]content[/div][/column][/row][/div]
h2h0e
Landmaid
Can someone help me? I can't get rid of this picture that seems nonexistent in the code....
-
Click
code by pasta
Code:
[centerblock=70][row][column=span6]
[div=background:url('https://image.ibb.co/jbgwz5/giphy.gif');background-size:cover; border:#E6B665 double 6px; #000000;padding:6px;][centerblock=100][border=0px solid white][accordion=100%|bcenter|]
{slide=100|bcenter|[bg=white][IMG]https://68.media.tumblr.com/01b6c81c5a679825c1ddb59aa9b1a64f/tumblr_oof77hxKtu1w16jjko2_400.png[/IMG]
[CENTER]
[CENTER]Click[/CENTER]
[/CENTER]
[/bg]}
overflow
{/slide}[/accordion][/border][/centerblock][/div]
[CENTER][SIZE=2]code by pasta [/SIZE][/CENTER]
[/column]
[CENTER][/CENTER]
[/row][/centerblock][row]
[/row]
[code]
[/Spoiler]
StoneWolf18
Within the Depths of a Dream
The picture in the accordion slide?Can someone help me? I can't get rid of this picture that seems nonexistent in the code....
Clickcode by pasta
Code:[centerblock=70][row][column=span6] [div=background:url('https://image.ibb.co/jbgwz5/giphy.gif');background-size:cover; border:#E6B665 double 6px; #000000;padding:6px;][centerblock=100][border=0px solid white][accordion=100%|bcenter|] {slide=100|bcenter|[bg=white][IMG]https://68.media.tumblr.com/01b6c81c5a679825c1ddb59aa9b1a64f/tumblr_oof77hxKtu1w16jjko2_400.png[/IMG] [CENTER] [CENTER]Click[/CENTER] [/CENTER] [/bg]} overflow {/slide}[/accordion][/border][/centerblock][/div] [CENTER][SIZE=2]code by pasta [/SIZE][/CENTER] [/column] [CENTER][/CENTER] [/row][/centerblock][row] [/row] [code] [/Spoiler]
h2h0e
Landmaid
no that's the one I wan't to replace the one that is there... It's confusing the one that you see is not in the code but the one in the code isn't in the finished product
Amerikia1126
Occasionally Active
would it be the moving gif?
h2h0e
Landmaid
no the picture I want is this
Amerikia1126
Occasionally Active
Trying to clear things up here, I'm having difficulty understanding. You want to remove a picture that you can't find in the code, which is either the boy or the gif.no the picture I want is this
Then you want to replace that picture with your picture.
I'm assuming you want to replace the picture of the boy with your picture.
As a side note, it appears that you have the rich text editor enabled, which may explain you not being able to see the image in the code (I think the rich text editor shows pictures rather than the url, one picture is in a div tag). It also explains the redundant code in your spoiler. Try viewing the code in the bbcode editor if you aren't already.
Anyway, here's what I think you want.
Version with the boy replaced:
-
Click
code by pasta
[div=background:url('https://image.ibb.co/jbgwz5/giphy.gif');background-size:cover; border:#E6B665 double 6px; #000000;padding:6px;][centerblock=100][border=0px solid white][accordion=100%|bcenter|]
{slide=100|bcenter|[bg=white][IMG]https://image.ibb.co/kU8Vra/fullsizeoutput_61.jpg[/IMG]
[CENTER]Click[/CENTER][/bg]}
overflow
{/slide}[/accordion][/border][/centerblock][/div]
[CENTER][SIZE=2]code by pasta [/SIZE][/CENTER]
[/column][/row][/centerblock]
Version with the gif replaced:
-
Click
code by pasta
[div=background:url('https://image.ibb.co/kU8Vra/fullsizeoutput_61.jpg');background-size:cover; border:#E6B665 double 6px; #000000;padding:6px;][centerblock=100][border=0px solid white][accordion=100%|bcenter|]
{slide=100|bcenter|[bg=white][IMG]https://68.media.tumblr.com/01b6c81c5a679825c1ddb59aa9b1a64f/tumblr_oof77hxKtu1w16jjko2_400.png[/IMG]
[CENTER]Click[/CENTER][/bg]}
overflow
{/slide}[/accordion][/border][/centerblock][/div]
[CENTER][SIZE=2]code by pasta [/SIZE][/CENTER]
[/column][/row][/centerblock]
h2h0e
Landmaid
OMG thank you!!!! you somehow figured it out!!!Trying to clear things up here, I'm having difficulty understanding. You want to remove a picture that you can't find in the code, which is either the boy or the gif.
Then you want to replace that picture with your picture.
I'm assuming you want to replace the picture of the boy with your picture.
As a side note, it appears that you have the rich text editor enabled, which may explain you not being able to see the image in the code (I think the rich text editor shows pictures rather than the url, one picture is in a div tag). It also explains the redundant code in your spoiler. Try viewing the code in the bbcode editor if you aren't already.
Anyway, here's what I think you want.
Version with the boy replaced:
[centerblock=70][row][column=span6]
Click
code by pasta
[div=background:url('https://image.ibb.co/jbgwz5/giphy.gif');background-size:cover; border:#E6B665 double 6px; #000000;padding:6px;][centerblock=100][border=0px solid white][accordion=100%|bcenter|]
{slide=100|bcenter|[bg=white][IMG]https://image.ibb.co/kU8Vra/fullsizeoutput_61.jpg[/IMG]
[CENTER]Click[/CENTER][/bg]}
overflow
{/slide}[/accordion][/border][/centerblock][/div]
[CENTER][SIZE=2]code by pasta [/SIZE][/CENTER]
[/column][/row][/centerblock]
Version with the gif replaced:
[centerblock=70][row][column=span6]
Click
code by pasta
[div=background:url('https://image.ibb.co/kU8Vra/fullsizeoutput_61.jpg');background-size:cover; border:#E6B665 double 6px; #000000;padding:6px;][centerblock=100][border=0px solid white][accordion=100%|bcenter|]
{slide=100|bcenter|[bg=white][IMG]https://68.media.tumblr.com/01b6c81c5a679825c1ddb59aa9b1a64f/tumblr_oof77hxKtu1w16jjko2_400.png[/IMG]
[CENTER]Click[/CENTER][/bg]}
overflow
{/slide}[/accordion][/border][/centerblock][/div]
[CENTER][SIZE=2]code by pasta [/SIZE][/CENTER]
[/column][/row][/centerblock]
I did want the boy replaced, so thank you so much!
myfanwy
forever tilted
i'm assuming it's created with divs, but i was wondering how to make a background with an underlying "shadow"
IctoraPost
You've got mail
myfanwy
forever tilted
thank you *^^
GoldenSlime
"Is Satan a Beagle Puppy?!"
How do you make the side-bar-things BIGGER?
By side bar, I mean these:
By side bar, I mean these:
Strength: 19
Dexterity: 12
Constitution: 14
Intelligence: 17
Wisdom: 8
Charisma: 11
Dexterity: 12
Constitution: 14
Intelligence: 17
Wisdom: 8
Charisma: 11
Amerikia1126
Occasionally Active
Trombone Geek
KNIFE
I tried putting div images inside an accordion slide when it opens, and I've got a bit of an issue. A small one. Just that the div image isn't completely filling the slide.
it's kinda blocky coding, nowhere near as smooth as most codes.. I plan on putting more effort in when I make an actual character sheet haha
Anyways here it is:
And watch me fall
through this hole of my creation
and into the sea
it's kinda blocky coding, nowhere near as smooth as most codes.. I plan on putting more effort in when I make an actual character sheet haha
Anyways here it is:
And watch me fall
through this hole of my creation
and into the sea
-
oh god please
-
text
x
x
x
x
x
x
x
x
x
x
x
x
x
-
don't let this be the end
-
text
x
x
x
x
x
x
x
x
x
x
xx
-
for my soul
-
text
x
x
x
x
x
x
x
x
x
x
x
Last edited:
GoldenSlime
"Is Satan a Beagle Puppy?!"
Thank you!
Amerikia1126
Occasionally Active
I tried putting div images inside an accordion slide when it opens, and I've got a bit of an issue. A small one. Just that the div image isn't completely filling the slide.
it's kinda blocky coding, nowhere near as smooth as most codes.. I plan on putting more effort in when I make an actual character sheet haha
Anyways here it is:
And watch me fall
through this hole of my creation
and into the sea
x
x
x
x
x
x
x
x
x
x
x
x
x
text
x
x
x
x
x
x
x
x
x
x
xx
text
x
x
x
x
x
x
x
x
x
x
x
If you mean the space at the top, remove the whitespace in that part of your code. Reduces readability but removes that space too. As for the space at the sides, adding a "margin:-10px;" to the end of the div tag there seems to work. Also, you typoed padding as pagging.
