Image Border Polls

[Mordecai]

It would! You can even change the style/colour of your border to give you a whole new range of effects. While I know this may take a bit more time for people who want borders, it will actually give you more options and will give people who don't want borders the option. (:


Again, it really depends on the outcome of the pole, but I will definitely throw up a border tutorial for everyone if that is the case. (Or have our resident BBCode Queen, @Dusky, do it. Heeehee)


@BLUR - Unfortunately, no, there is no way to remove the border with BBCoding, but there are ways to add borders. Funny thing BBCode is, isn't it?

 

[Kiyoko Tomoe]

[QUOTE="The Dark Wizard]There could be a bbcode that adds it back in.
Lets see if any of our creative users can figure it out.


@Dusky

[/QUOTE]
I'm really close to it, I literally just need a way to make tables invisible. Is there a way to do that, or well, at least make it white without affecting what's inside? If so, I've got it down pat.

 

[BLUR]

Ah, if it can be added back in through BBCode then this shouldn't be much of a problem. Good luck to all our competing border options!

 

[Mordecai]

[QUOTE="Kiyoko Tomoe]I'm really close to it, I literally just need a way to make tables invisible. Is there a way to do that, or well, at least make it white without affecting what's inside? If so, I've got it down pat.

[/QUOTE]
Honestly? @Dusky is the Queen to talk to about this. (: My skills with BBCode are fairly limited in comparison to her.

 

[Dusky]

Hullo folks!


So what you can do is something like this:

I can't demonstrate it perfectly, as the border is of course still there. On the other hand, when you're trying to do something with transparent images - banners, maybe, or special fonts - it just looks bad. The border ruins the whole purpose of transparent images and being limited to black background just to make use of them is more than a bit bothersome.


There's no reason you can't use background BBCode on images. It just takes a bit of experimenting.


It's not exactly the same, no, but ultimately it provides a lot more flexibility.

 

[Hux]

Hullo folks!
So what you can do is something like this:

I can't demonstrate it perfectly, as the border is of course still there. On the other hand, when you're trying to do something with transparent images - banners, maybe, or special fonts - it just looks bad. The border ruins the whole purpose of transparent images and being limited to black background just to make use of them is more than a bit bothersome.


There's no reason you can't use background BBCode on images. It just takes a bit of experimenting.


It's not exactly the same, no, but ultimately it provides a lot more flexibility.

Would it affect an image with a background?

 

[Kiyoko Tomoe]

Here's how far I got, with choice of background color to the border, and color to the lining. However, that blue line on the outside from having to use the table coding needs a way to be removed or made invisible without dropping the table code.


<p><a href="<fileStore.core_Attachment>/monthly_2015_06/BorderTest.png.3f59a63b5405e49869016887e4a9f72f.png" class="ipsAttachLink ipsAttachLink_image"><img data-fileid="55095" src="<fileStore.core_Attachment>/monthly_2015_06/BorderTest.png.3f59a63b5405e49869016887e4a9f72f.png" class="ipsImage ipsImage_thumbnailed" alt=""></a></p>

 

[Dusky]

You mean remove the background? Nope! As evidenced to the side. OuO


EDIT: There are probably a dozen different ways to do it... Kiyoko, try adding =none after the "table" in the opening tag.

 

[Kiyoko Tomoe]

That was taken by screenshot btw, as it'd have the normal border if I put it in with the coding and all

 

[Hux]

@Dusky


Okay that's good. You can change the color of the border and make it fit correct? Since the old border is still there and already fits the image in it. If it's removed would that affect the size of the image?

 

[Kiyoko Tomoe]

[row]
[column=span4]
[table=none]
[tr]
[th][border=15 groove #404040][bg=#999999 (Hex code or color name](Picture Here)[/bg][/border][/th]
[/tr]
[/table]
[/column]
[/row]

Here we go, it works! Blue border lining, but the border's background color is yours to choose, and shows up fro transparent images. Yay, success with an appropriate size too! Also, change span4 to a higher or lower number to simulate heightrestrict, but some images are too small for larger numbers meaning it's best for a smaller number on those.


 
Best way to test it is to use an image in more options mode with preview, as it removes the border in preview on more options. Just try it out, I think it'll work for all images.


 
I think the border code may have been a tiny bit pointless though, but I'm not sure as I haven't tested removing it.


 
Necessary to keep the border code to have the blue lining, but clearly optional if you want to just have a solid single-color border.


 
Do try different border options though, might change it a tiny bit ^~^

 

[Hux]

Works.


Does imagefloat work although?


 
Wait the background acts weird when I post it.<p><a href="<fileStore.core_Attachment>/monthly_2015_06/57a8c2ae259eb_Screenshot2015-06-03at23.39.48.png.0ca9c5b4e1ded52959f60496ae635f01.png" class="ipsAttachLink ipsAttachLink_image"><img data-fileid="55096" src="<fileStore.core_Attachment>/monthly_2015_06/57a8c2ae259eb_Screenshot2015-06-03at23.39.48.png.0ca9c5b4e1ded52959f60496ae635f01.png" class="ipsImage ipsImage_thumbnailed" alt=""></a></p>

 

[Kiyoko Tomoe]

Imagefloat? I'll test it real quick. I'll alse test some other things like centering and aligning it to the right.


 
Floating left and right works, now to move on to centering, aligning left, and aligning right.

 

[Hux]

[QUOTE="Kiyoko Tomoe]Imagefloat? I'll test it real quick. I'll alse test some other things like centering and aligning it to the right.

[/QUOTE]
The background sorta goes outside when you post it.

 

[Kiyoko Tomoe]

The background sorta goes outside when you post it.

Well, that'll probably be fixed when the border's gone from the site itself an all that's left is the code-generated border.


 
Sadly though, I've discovered aligning it left, right, and center won't work via normal means. I think somebody might figure a solution to that bit though, if I don't here during my mass experiment with codes to see what I can do with this border.

 

[Achiived]

The tension is real...

 

[Kiyoko Tomoe]

[QUOTE="Painted Puzzle]The tension is real...

[/QUOTE]
Ah, is it coming from waiting on the results of the poll?

 

[Dusky]

Centerblock is your friend~.


Really, the best thing I can recommend is experimenting. There are a lot of different ways to get a border around an image, and a lot of different aesthetic choices you can make within that. With the current border, there is no room for aesthetic choices. It's a black tinted border, even if you'd rather it be blue, for instance.

 

[Kiyoko Tomoe]

Wait, solution to the centering and all that... Adding two more columns to the code that are equal size, one on each side of the image's column.

 

[Achiived]

[QUOTE="Kiyoko Tomoe]Ah, is it coming from waiting on the results of the poll?

[/QUOTE]
That and also if all your hardwork on getting the BBCode to work for images payed off, may the odds be ever in your favour.

 

[Kiyoko Tomoe]

I think, at least.


 


[QUOTE="Painted Puzzle]That and also if all your hardwork on getting the BBCode to work for images payed off, may the odds be ever in your favour.

[/QUOTE]
Gah, your words... Curse you Snow...!

 

[Achiived]

[QUOTE="Kiyoko Tomoe]I think, at least.
 



Gah, your words... Curse you Snow...!

[/QUOTE]
*Flips table*


*Table hits Snow*


*Forever happy*

 

[Kiyoko Tomoe]

Yeah, I've gotten as far as I can get at the moment, but it's better than nothing. Maybe me or somebody else'll figure it out at some point though, but I do hope what I've managed to get to's good enough for now.

 

[Mordecai]

RESULTS!

So, the pole is now closed. As per the poll, we will officially be removing image borders!





I know there will be mixed feelings on this decision; however, I will try and experiment with some BBCoding over the next few days and get something posted for all your folks who would like to know more about adding borders to images. (: Thank you to everyone who participated in this poll.

 

[Kiyoko Tomoe]

Maybe you'll be able to complete mine as to make it possible to align it to the right, center it, etc., but your choice if you try to do so or not ^~^