Register | Login
Views: 19364387
Main | Memberlist | Active users | ACS | Commons | Calendar | Online users
Ranks | FAQ | Color Chart | Photo album | IRC Chat
11-02-05 12:59 PM
0 user currently in Modern Art. | 1 guest
Acmlm's Board - I2 Archive - Modern Art - Postlayout help/request thread. | | Thread closed
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18Add to favorites | "RSS" Feed | Next newer thread | Next older thread
User Post
Dylan
Devil Trumpets and Angel Trombones ~
Level: 54

Posts: 1215/1407
EXP: 1181697
For next: 52173

Since: 06-19-04
From: Ottawa, Canada.

Since last post: 1 day
Last activity: 6 hours
Posted on 12-22-04 08:35 PM Link
<hr> does act like <br>,
See?

Edit: Ooooooooh your talking about a post layout blockquote with hrs. Mine does that
As you can see from my awesome example,
I don't have hrs, even though they are present in the html.


To do this use display: none, but also use display: block in the element before it.
display: block makes the element act like a block-level element, like a div or blockquote. block level elements have a break after and before them. Observe.


This is a span. I made it bold. Spans are not block levels. Text can go after it.



Here's that example again, with an hr seperating them
Text can go after it on the next line.



Here's that example again, with the hr present in the html, but with a display: none.
The text still appears on the next line because the span is acting as block-level element with display: block.






My css for my post-layout demonstrates all this.




(edited by Dylan on 12-22-04 11:47 AM)
HyperLamer
<||bass> and this was the soloution i thought of that was guarinteed to piss off the greatest amount of people

Sesshomaru
Tamaranian

Level: 118

Posts: 2597/8210
EXP: 18171887
For next: 211027

Since: 03-15-04
From: Canada, w00t!
LOL FAD

Since last post: 2 hours
Last activity: 2 hours
Posted on 12-23-04 12:52 AM Link
Yeah, it doesn't act exactly like <br>.

Quote test:
Originally posted by Dylan
Ooooooooh your talking about a post layout blockquote with hrs. Mine does that
As you can see from my awesome example,
I don't have hrs, even though they are present in the html.



Thanks! Hehe, nice being able to update just by re-uploading CSS files instead of having to go through all that code in editlayout.php. (It's pretty messy in there, having had to remove all line breaks. )
Dylan
Devil Trumpets and Angel Trombones ~
Level: 54

Posts: 1216/1407
EXP: 1181697
For next: 52173

Since: 06-19-04
From: Ottawa, Canada.

Since last post: 1 day
Last activity: 6 hours
Posted on 12-23-04 02:28 AM Link
Actually, it didn't work.

See what you did is you have:

blockquote {display: block}

That doesn't do anything. Blockquotes are already block level elements, they have a line break before and after them. What you want to be block level is the font tag.
<font class=fonts><i>Originally posted by ...</i></font>
That one.

So your css snippet should look like this:
.hh_post blockquote .fonts {display: block}
.hh_post blockquote hr {display: none}


Also you had

.hh_post hr {display: none}

That will work, but what happens when you want to have an <hr> not in the blockquote? It will also not display. So make it more specific with

.hh_post blockquote hr {display: none}


HyperLamer
<||bass> and this was the soloution i thought of that was guarinteed to piss off the greatest amount of people

Sesshomaru
Tamaranian

Level: 118

Posts: 2608/8210
EXP: 18171887
For next: 211027

Since: 03-15-04
From: Canada, w00t!
LOL FAD

Since last post: 2 hours
Last activity: 2 hours
Posted on 12-23-04 08:04 AM Link
Odd, it showed up right before. Well, this should do it.

I don't see where I'd ever have an <hr> in a post, but it's nice to know.
Roy

Shyguy
Level: 16

Posts: 24/99
EXP: 18505
For next: 1751

Since: 11-14-04
From: Sweden.... well somewhere in sweden lol

Since last post: 89 days
Last activity: 1 day
Posted on 12-24-04 01:52 PM Link
Look at this my backround wont work
i just want one picture


(edited by Rydain on 01-22-05 01:01 AM)
HyperLamer
<||bass> and this was the soloution i thought of that was guarinteed to piss off the greatest amount of people

Sesshomaru
Tamaranian

Level: 118

Posts: 2640/8210
EXP: 18171887
For next: 211027

Since: 03-15-04
From: Canada, w00t!
LOL FAD

Since last post: 2 hours
Last activity: 2 hours
Posted on 12-24-04 08:02 PM Link
Odd, it works in your bio. However it's really not a good background for a layout, the text is hard to read on it.

[edit] I'm having a bit of a problem with the image-overlapping thing. It works great in your example, but in my case the amount I want to cut off varies. Since my shitty server went down again, I'lll use your images.


Works great. But say I want to cut off 80 pixels?



Bit of a problem! Really, I realized I could get this to work with fixed-width tables inside the table cells, but I can't seem to get them to show up beside text. Watch this:

Hey, text!
 

Now I dunno about you, but when I see that, the white spot is on a new line, rather than beside the text like it should be.


(edited by HyperHacker on 12-25-04 12:02 AM)
Roy

Shyguy
Level: 16

Posts: 25/99
EXP: 18505
For next: 1751

Since: 11-14-04
From: Sweden.... well somewhere in sweden lol

Since last post: 89 days
Last activity: 1 day
Posted on 12-27-04 04:00 PM Link
ok.... how about this....


(edited by Rydain on 01-22-05 01:01 AM)
jasukan

Panser
Level: 30

Posts: 225/344
EXP: 155950
For next: 9919

Since: 03-15-04

Since last post: 135 days
Last activity: 62 days
Posted on 12-30-04 08:58 PM Link
Can someone help me out here? My background for my post doesn't stretch all the way across my..."post box". Also, how do I make my table border not have that 3D look, and just be a solid color?
Alonguy

Shyguy
Level: 16

Posts: 69/92
EXP: 17422
For next: 2834

Since: 10-08-04
From: Calfornia

Since last post: 30 days
Last activity: 3 days
Posted on 01-01-05 10:29 PM Link
Can someone help with this layout please? I really can't find a way to fix the shadow image... please help me!
jasukan

Panser
Level: 30

Posts: 249/344
EXP: 155950
For next: 9919

Since: 03-15-04

Since last post: 135 days
Last activity: 62 days
Posted on 01-02-05 12:10 AM Link
What's wrong with it? Looks fine to me.




(edited by jasukan on 01-01-05 03:21 PM)
Dylan
Devil Trumpets and Angel Trombones ~
Level: 54

Posts: 1266/1407
EXP: 1181697
For next: 52173

Since: 06-19-04
From: Ottawa, Canada.

Since last post: 1 day
Last activity: 6 hours
Posted on 01-02-05 08:31 AM Link
HH, if you want to cut off 80 pixels, just set the images width to 80, and the negative margin to 80.

Note you'll also have to set the height of the cell to the height of the displayed image, or else for some reason the cell becomes a lot higher than the image. It'll stretch with text don't worry, the height thing is only if there isn't enough text to make it stretch. The crudeness of this technique also prohibits you from putting anything else in the cell with the image, or else it'll fuck it up.


Also, jasukan. The reason your post background doesn't stretch all the way is because the height of the post area is 220 pixels by default, and the post background div only stretches to meet your post height, not the table cell. To solve this, make the element containing your post background have a height of 220.
Brunken Drawler

Tektite
Level: 12

Posts: 48/56
EXP: 7539
For next: 382

Since: 12-13-04

Since last post: 277 days
Last activity: 203 days
Posted on 01-14-05 05:16 PM Link
Obviously, this is where I make my request's... in detail... Tell me ifi you find a problem or a bad decision... Thanks!

I've been thinking about a layout.. layout. Basically centered around the Pandaren Brewmaster. (WC3:FT) You know what I'm talking about...

Here's my "idea"...

http://www.blizzard.com/war3x/units/brewmaster.shtml
^where the "hailing from the sec..." text is. could i have my post text there?

http://www.battle.net/war3/images/neutral/spells/breathoffire.gif
http://www.battle.net/war3/images/neutral/spells/drunkenhaze.gif
http://www.battle.net/war3/images/neutral/spells/drunkenbrawler.gif
http://www.battle.net/war3/images/neutral/spells/stormearth&fire.gif

^There's the abilties. (place underneath "class drinkers all"...) Can you make them into a horizontal line? Order... Breath of Fire, Drunken Haze, Drunken Brawler, then Storm Earth & Fire...

where "panderan brewmaster" is on the top... can you somehow change it to "Drunken Brawler"...?

http://www.battle.net/war3/images/general/drunkenpanda.gif
^and put this GIF somewhere that would make it "kinky"

Karadur

Fire Snake



Level: 48

Posts: 615/1192
EXP: 786444
For next: 37099

Since: 11-02-04
From: Chatham, Ontario, Canada

Since last post: 1 day
Last activity: 15 hours
Posted on 01-18-05 08:32 PM Link
This isn't so much a request, as a 'what the heck did I do wrong, and how can I fix it' thing

I worked on making my layout look good yesterday, but for some reason, when viewed in Internet explorer, it stretches the page a horrible amount both vertically and horizontally

Basically, I had a background for the whole layout that can be seen at this link, then another background for the div section, which is the background I've got right now, then the text, sig, and that's it. This is what I had intended for it to look like, and that's what it looks like in Firefox, at least for me

Anyways, I'm wondering what I did wrong This is the stuff I used in the 'Edit Layout' page:

< div style="border: 2px dashed red; padding: 5px; color: white ; width: 95%; background-image: url(http://tinypic.com/145lc7); margin-left: 1.7%; margin-top: 1%" >
< /div >

The /div tag was the last thing I put in my signature, just so you know

I'm not completely sure about the margin-left and margin-right values near the end, but I had them there because I wanted the div to be horizontally and vertically centered, and that was the only way I knew to go about doing it. If there's another, easier way to do that, I'd appreciate it if you'd tell me

I used this page, for reference as I was doing it. I found that while looking at the Old Board Archive.


(edited by Karadur on 01-18-05 11:51 AM)
(edited by Karadur on 01-18-05 11:51 AM)
(edited by Karadur on 01-18-05 03:43 PM)
Dylan
Devil Trumpets and Angel Trombones ~
Level: 54

Posts: 1280/1407
EXP: 1181697
For next: 52173

Since: 06-19-04
From: Ottawa, Canada.

Since last post: 1 day
Last activity: 6 hours
Posted on 01-19-05 03:41 AM Link
You'll want to use padding for the top and bottom. So what you would do is not use the "post background" field.

*edits post to use example layout*

HEADER:
<style>*html #karadur {height: 200}</style><div style="background: url(http://tinypic.com/1dztp4); min-height: 220; padding: 2%"><div id=karadur style="background: url(http://tinypic.com/145lc7); border: 2px dashed red; min-height: 200; padding: 5">

SIGNATURE:
</div></div>





(edited by Dylan on 01-18-05 06:49 PM)
Karadur

Fire Snake



Level: 48

Posts: 617/1192
EXP: 786444
For next: 37099

Since: 11-02-04
From: Chatham, Ontario, Canada

Since last post: 1 day
Last activity: 15 hours
Posted on 01-19-05 03:52 AM Link
I see. Well, thanks for the help, and I'll keep that in mind for the future if I ever want to change it again (but for the time being, I like this one ) You'll definitely get credit in my signature for the help, so don't think it was for nothing.

Thanks again
PumpkinPie
Boo! I'll scare your dad!

Big Boo
Pretend Moderator

All hail the Pumpkin King!
Level: 47

Posts: 45/1158
EXP: 718208
For next: 47995

Since: 12-05-04
From: Halloween Town
Treats: Many
Tricks: Oh yes

Since last post: 2 days
Last activity: 8 hours
Posted on 01-21-05 07:19 AM Link
Okay, I've dug through this thread and have not been able to find what I've been looking for because
it either hasn't been asked or it's buried in the middle of a long post or terms that I don't know surround it, so,
SORRY if this is repeated, but I need to know this once and for all.

Right. I'm trying to reconfigure my layout so that there is this background (which can be easily applied),
and then over it I want a purple box containing my text inside of it. I want the box to change sizes with the
text. I sort of have this now, only this is done with a mere picture, and I must shape my text to the box
manually. Also, I don't think it looks right on all browsers. Oh yeah, and last, I want the background image
to be the same size for every post. Can the be done? Help! Please?!









Zem
You can be civil without being flowery, dipshits.
Level: 49

Posts: 623/1107
EXP: 829398
For next: 54485

Since: 06-13-04

Since last post: 131 days
Last activity: 131 days
Posted on 01-21-05 07:29 AM Link
As things stand now, you can't have your purple box be semi-transparent if it's not part of the background image, which means you couldn't have it be resized. You could have a solid purple box, or a dithered purple box, but no translucency. As for the background, yes, it is possible to make all of your posts that height... some people don't like unnecessarily large posts, though.
Kwan
Doesn't have a valid sized userpic. ||bass will be pissed :((((((((
Level: 50

Posts: 1055/1137
EXP: 937111
For next: 10206

Since: 03-15-04
From: Durkadurkastan!

Since last post: 22 days
Last activity: 2 days
Posted on 01-21-05 08:36 PM Link
You can fake transparency using a gif image like I have done with my most layout










You should see the effect
PumpkinPie
Boo! I'll scare your dad!

Big Boo
Pretend Moderator

All hail the Pumpkin King!
Level: 47

Posts: 46/1158
EXP: 718208
For next: 47995

Since: 12-05-04
From: Halloween Town
Treats: Many
Tricks: Oh yes

Since last post: 2 days
Last activity: 8 hours
Posted on 01-23-05 01:40 AM Link
.


(edited by CheesePie on 01-22-05 04:41 PM)
HyperLamer
<||bass> and this was the soloution i thought of that was guarinteed to piss off the greatest amount of people

Sesshomaru
Tamaranian

Level: 118

Posts: 3036/8210
EXP: 18171887
For next: 211027

Since: 03-15-04
From: Canada, w00t!
LOL FAD

Since last post: 2 hours
Last activity: 2 hours
Posted on 01-24-05 09:14 AM Link
Hey, that looks neat. But in my experience, using a GIF doesn't always work so well. On Win98 it tends to look like crap due to the different font drawing system.

Quick CSS question: How can I make tables use the standard border? Observe...

Standard border via border=3


CSS border


I want to use CSS to have a border like the first one, without having to specify a border attribute.
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18Add to favorites | "RSS" Feed | Next newer thread | Next older thread
Acmlm's Board - I2 Archive - Modern Art - Postlayout help/request thread. | | Thread closed


ABII


AcmlmBoard vl.ol (11-01-05)
© 2000-2005 Acmlm, Emuz, et al



Page rendered in 0.019 seconds.