[suga]

 request !

TYPE: coding??
PREFERRED FILLER: idk this is like my first post omg
IMAGES: working on v4
OTHER:  i wasn't sure where to post this, but basically i was wondering if there was a way to code this in v5 without having to use only [classy] or [style] tags, like if we could do it using

[Kuroya]

*cough* There are a variety of ways to recode this for v5. Looking at it, I already know of a couple ways that I would want to do so, but my coding skills are not amazing, not to mention that the way I would recode parts of it would be no doubt entirely weird and not something most people would likely enjoy seeing.

That being said, I could certainly recode it for you using a combination of img, style, and table; all of these are guaranteed to work on a v5 board regardless of whether the administrator has the new Style Plugin installed or not. I'm just not sure if that's what you're looking for. If it's not, no worries, but if it is, feel free to PM me or drop a reply and I'll hop to turning it around for you at some point over the next week or so. c:

[suga]

Nov 27, 2013 19:36:41 GMT -8 Kuroya said:

*cough* There are a variety of ways to recode this for v5. Looking at it, I already know of a couple ways that I would want to do so, but my coding skills are not amazing, not to mention that the way I would recode parts of it would be no doubt entirely weird and not something most people would likely enjoy seeing.

That being said, I could certainly recode it for you using a combination of img, style, and table; all of these are guaranteed to work on a v5 board regardless of whether the administrator has the new Style Plugin installed or not. I'm just not sure if that's what you're looking for. If it's not, no worries, but if it is, feel free to PM me or drop a reply and I'll hop to turning it around for you at some point over the next week or so. c:

I already know how to recode it via [classy] and [style] tags, but I was wondering if there was another way to do it too! I don't mind if your code is messy - mine is too LOL
If you know of a way that's not basically just using classy tags in place of the regular

[Egao, Egao Everywhere]

I don't think there's any other way. Style tags is pretty much the only way you could code html in the forum pages. It doesn't need classies, but it will definitely have style tags.

Why were you looking for an alternative though?

[Kuroya]

Actually, I was going to take the very top of it with the picture and the caption and make it a straight-up image so that you weren't relying on Googlefonts to get to display correctly.

And while you could use a table to deal with not having negative margins and such, if that's what you have going on right now, you are going to be stuck with using style for most of the rest of it if you're not using images again.

Either way though, you then have to code around the images, which can also be a bit of a pain. I'm just mentioning it as an option since I'm really picky about trying to get things to always display the way I want them to regardless of the context they appear, and that would do so regardless of what fonts are installed on the computer or added through Google fonts.

[suga]

I was looking for an alternative mostly because I was just curious LOL I'm new to v5 and playing around with it. C: There are some very nice features.

The only fonts I ever use are Arial p much so Google Fonts isn't much of a problem rather than that it's a hassle to always code images. I've made a template for myself to make it easier, but it's still a pain. T__T
I know you can make [tables] on v5 but you can't do them without having pesky spaces so I was just curious to see if you coders had something I was missing! o:

hm! I never considered just making the whole image instead of breaking it up into three a thing, but then wouldn't it be weird to post long text in it? You would need a reeeeally long image which would mess up some people's internets. Also I don't know what you meant by caption, but the table is broken up into 3 parts already (top image, repeating image, and footer image)?

Thanks tho, guys! ^^

[Kuroya]

Well if you use the same old image tags for v4, they'll still work for placing in images. And you don't always need really long images. You could make do with really small ones that are simple enough to repeat.

I'd meant the bit with the larger font that was over part of the post and part of the image since if I was using it as an image, I'd have to include that text in it otherwise it would display wonkey

Glad to know that we gave you a bit of help even if it wasn't what you seemed to be looking for c:

[Egao, Egao Everywhere]

Style tags in v5 isn't that different from what was in v4. Most annoying changes is that you can't combine align and style anymore. So if you want to center your template, you have to put [valign][ div ] [ /div ][/valign]. But you could alternatively just slap in margin: 0px auto in the div tags for the same effect. And one good thing abou v5 is that you can directly style images now. For example, [ img src="" style="" ]

I personally find it easier to not use tables. For your template, you could simply set the top image as a background picture with borders on the left and the bottom. Then inside the background picture, you would have main text, padded on top so that the image would be seen.

Anyway, as Kuroya said, we're glad to have been of some help. If you need anything else, feel free to shoot 5ever again.

[suga]

I'm a little confused as what Kuroyo meant about the larger font that was part of the post. Do you mean the "Dante Courtland" bit? That's part of the top image??? Idk.

The problem with switching my tables from v4 to v5 is the fact that they're in 'table' format and so switching them to [style] tags are just a bit annoying. It is easier not to use tables but on my site, I've made quite a few of them (100+) so it seems a little sad just to discard them haha.

C: Thank you guys, though! You did give me some insight to coding that I wasn't aware of before.

EDIT: I realize that it may seem like I'm frustrated/dislike v5 but I don't! I actually do really like it. I especially like the fact that we kind of have live previews now with the style tag (and the new pm system?? omg awesome). The only thing I'm a teensy unhappy with is the fact that it's a bit pesky to switch an existing site over, but that's really just small stuff.

[beekeeper]

You can use tables in V5, though - imo they're simpler and easier to style. Instead of the [atrb=style,] stuff you just put all the stuff into the tr/td tags, like [td style=""], or [table style="" - it's pretty much like a div.

You can stick valign into them as well. Also borders and stuff aren't there by default, though they show up in the preview. Like I said, I like V5 tables better, the only real thing is I don't think you can do column span and stuff, but there are ways around that.

I would suggest taking a peek at some of the V5 temps on here to see how people are working with tables.

(I hope that's what you meant and I'm not going on a pointless tangent here.)

[suga]

Oh! I didn't know you could do that. Actually, that's p cool

I actually never really understood table or atrb coding that well - it was really just something i copy and pasted from another member on my site. What's the point of putting 'style' tags in td or atrb ?
I've looked at the templates here, but it's kind of different? Like the templates on here (and most sites like this) are very code-centric. Where as what I'm looking for is to make a graphic-centric table, and like, I'm not saying that it's not possible to make a table because you can and I have.

If you quote the post on the link I gave, you can kinda see it??

See this is really using table and not using [style] at all, where as from what I understand of v5, it's very 'style' centric. So in the conversions I've already made, I basically just made

[*atrb=background,http://i.imgur.com/6pEMCEV.png]

into a bg image using the style tag

[*div style="background-image:url('http://i.imgur.com/6pEMCEV.png';width:490px)][/*div]

Am I making sense???

I've tried reworking this code using the table button at the top, but whenever I do, there are these awkward gaps that I don't know how to deal with? Which got me thinking that maybe there was a way to do it using [tables] or something? I feel like idk what I'm saying anymore lol

UPDOG, is there a way you could rework the code using table like you suggested?

[Kuroya]

Panda, you're assuming a little much out of the table function here I think. Basically the main purpose of a table is to make elements appear next to each other on a page. Now, can you do more with it? Yes. What Updog is referencing is where you are applying a style to a table or td tag itself rather than putting the tags outside or inside for the same purpose. With this explanation, a div tag is basically a tag that does nothing by itself but is there to apply some sort of additional code such as a text align or a style/class.

In short, it would still be the same template coding-wise, you'd just be changing what the style part of the code is anchored to. I'm not at my computer right now so I can't show you what I mean all too well but if I'm correct, the two tables below should code the same.

Oh my gods it is such a pain coding on a smart phone why did I decide to do this?

What you seem to be wanting to do is take out or condense as much of the style tags as you can. And while some likely can be trimmed out using techniques such as replacing parts of hard styling with images, there are going to be parts that need to remain as style for the least messy solution.

So I'd like to apologize if I managed to confuse you or talked over your head with that, I'm taking a class for web design now and that's how I think about a lot of it and yeah gonna quit now while no one cares.

Also yes I did mean that portion, I just don't usually get along well with words.

[beekeeper]

Kuroya is explaining things a lot better than I could. But yeah, I tend to style table tags to minimize divs - if you want to give a block a border or something, you could put that into the td. But if like, you had an icon inside your table block that you wanted to have its own border, you would stick that in a div.

About the awkward gaps - because you can't use column and row spans in V5, I would put the header and footer images into separate divs and then use a table for the center bit. You could even stick all of that into one big div to keep widths unified.

I really wouldn't get too hung up on whether you're using table or div styles as long as you're getting your desired effect. I think it would be very hard to code something entirely without any divs - unless it was something super simple, it would end up more convoluted than it needs to be.

I could try to convert it, like later tonight when I'm freed up a bit?

[Starry Neko]

Nov 29, 2013 10:31:59 GMT -8 beekeeper said:

Kuroya is explaining things a lot better than I could. But yeah, I tend to style table tags to minimize divs - if you want to give a block a border or something, you could put that into the td. But if like, you had an icon inside your table block that you wanted to have its own border, you would stick that in a div.

About the awkward gaps - because you can't use column and row spans in V5, I would put the header and footer images into separate divs and then use a table for the center bit. You could even stick all of that into one big div to keep widths unified.

I really wouldn't get too hung up on whether you're using table or div styles as long as you're getting your desired effect. I think it would be very hard to code something entirely without any divs - unless it was something super simple, it would end up more convoluted than it needs to be.

I could try to convert it, like later tonight when I'm freed up a bit?

I don't know if I'm sticking my nose in here a bit too much, but I just wanted to comment you can use column/row spans in V5.

Row 1 column 1 with colspan in the td tag
Row 2 column 1	Row 2 column 2

Row 2 column 1	Row 2 column 2	Row 2 column 3 with rowspan in the td tag.
Row 3 column 1	Row 3 column 2

[beekeeper]

Holy shit thank you THIS CHANGES EVERYTHING WOW