Register - Login
Views: 99865873
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies 		05-04-22 05:59:10 PM
Jul - Computers and Technology - Need some layout CSS help New poll - New thread - New reply
Next newer thread | Next older thread
plushifoxed

King Yoshi
la chica dijo...

Mood: The current mood of roxiemika at www.imood.com
Level: 119


Posts: 1385/3990
EXP: 18468327
For next: 460964

Since: 08-22-07

Pronouns: it/its or she/her
From: kamihama city

Since last post: 3 days
Last activity: 2 days
Posted on 11-03-09 03:44:07 AM Link | Quote
Supakitsune's post
I'd like to right-align this (maybe smaller) in my layout.
However, since I never work with CSS (I just nicked this from that Inanis Glass wordpress theme), I'm finding this pretty much impossible!
If someone could help me with it, that'd be pretty great.

... Oh, also. I just remembered.
The outer border of the post is supposed to apply a semitransparent PNG file to act as "glass" and complete the Aero effect.
As you can see... that's a no go.
So, if someone could help me with that as well, that'd be even greater.

____________________
Tarale
Catgirl
C:\ DOS
C:\ DOS RUN
RUN DOS RUN
Level: 89


Posts: 810/2030
EXP: 6720847
For next: 195054

Since: 07-23-07

Pronouns: she/her

Since last post: 2.0 years
Last activity: 1.6 years
Posted on 11-03-09 10:55:21 AM Link | Quote
Originally posted by Supakitsune
I'd like to right-align this (maybe smaller) in my layout.
However, since I never work with CSS (I just nicked this from that Inanis Glass wordpress theme), I'm finding this pretty much impossible!
If someone could help me with it, that'd be pretty great.

... Oh, also. I just remembered.
The outer border of the post is supposed to apply a semitransparent PNG file to act as "glass" and complete the Aero effect.
As you can see... that's a no go.
So, if someone could help me with that as well, that'd be even greater.


Given there's a blur on the glass effect, you'd likely be able to reproduce it more reliably by "faking transparency". That is, photoshop it how you want it and set it as the background. Provided it's aligned to match up with the background, that will work.

The specifics of which I cannot provide right now; sleeping medication kicking in, you'll only get gibberish out of me.

____________________
tarale
plushifoxed

King Yoshi
la chica dijo...

Mood: The current mood of roxiemika at www.imood.com
Level: 119


Posts: 1386/3990
EXP: 18468327
For next: 460964

Since: 08-22-07

Pronouns: it/its or she/her
From: kamihama city

Since last post: 3 days
Last activity: 2 days
Posted on 11-03-09 01:17:52 PM Link | Quote
Supakitsune's post
... Well. I can't really be bothered to align the background perfectly for all users so that there is a glass effect So that's out the window.

So now top priority is the image alignment.
If someone could help with that, it'd be great.

____________________
plushifoxed

King Yoshi
la chica dijo...

Mood: The current mood of roxiemika at www.imood.com
Level: 119


Posts: 1403/3990
EXP: 18468327
For next: 460964

Since: 08-22-07

Pronouns: it/its or she/her
From: kamihama city

Since last post: 3 days
Last activity: 2 days
Posted on 11-05-09 12:06:00 AM Link | Quote
Supakitsune's post
...anyone?

____________________
Ninji

Birdo
Why did my user title say I'm a toaster anyway
Level: 88


Posts: 935/2014
EXP: 6639469
For next: 11195

Since: 07-26-07

Pronouns: he/him or they/them
From: Glasgow, Scotland

Since last post: 114 days
Last activity: 7 days
Posted on 11-06-09 01:50:33 AM Link | Quote
I may be able to help, but I'm not sure where you want the image and how you want it to work - mostly just I'm unsure whether you want it inside or outside the glass border. I can take a look at both issues if you can tell me where you want the image to be, and link the original theme so I can look at the CSS.

____________________

Originally posted by Sonicandtails
I'm trying top for the day 2 minutes to see how I feel. It's certainly different.
(I'm a bottom guy)
Currently reorganising my site's public_html folder. Links/images in my posts may be broken. If you find a broken link/image, PM me with the link and I'll fix it!
Hacking Tools: NSMB Editor 4 · Nitro Explorer · NARC Explorer
dirbaio
For future reference, "Responsible disclosure" isn't "acting like a douche about an exploit and demanding compensation".
Level: NaN


Posts: 158/-1288
EXP: NaN
For next: 0

Since: 07-28-09

From: Spain

Since last post: 10.9 years
Last activity: 9.9 years
Posted on 11-08-09 03:34:08 PM (last edited by Gunstar Green at 11-09-09 05:29 AM) Link | Quote
In the layout put this:

<img src="path/to/the/img" style="float:right;">

The style="sth" is called inline css. You put css styles there that will apply to the html element.
I'm not sure how you want the image. If you want the image at right and then the text left use float:right
If you dont get the desired effect you can also try with align:right or sth like that...

If you have any questions you can google for them. there are lots of info over the internet about css.


Another way to do this effect would be this:

<img src="thepath" class="rightalign">

and then in an external css file:

.rightalign
{
float:right;
}

Note the ".rightalign": The dot causes the css rule to match all the elements that have class "rightalign". Then you create the image with class "rightalign", so the image will have all the styles that you specify in the css.

Hope it helps!
plushifoxed

King Yoshi
la chica dijo...

Mood: The current mood of roxiemika at www.imood.com
Level: 119


Posts: 1422/3990
EXP: 18468327
For next: 460964

Since: 08-22-07

Pronouns: it/its or she/her
From: kamihama city

Since last post: 3 days
Last activity: 2 days
Posted on 11-08-09 11:59:13 PM Link | Quote
Supakitsune's post
Originally posted by Treeki
I may be able to help, but I'm not sure where you want the image and how you want it to work - mostly just I'm unsure whether you want it inside or outside the glass border. I can take a look at both issues if you can tell me where you want the image to be, and link the original theme so I can look at the CSS.
Well, I'm trying to get it inside the frame, so...

Here's the CSS stylesheet.
The original Inanis Glass theme contains some extraneous WordPress related CSS that I removed, so...

____________________
Rena
I had one (1) message in Discord deleted and proceeded to make a huge, huge mess about how it was a violation of free speech and how moderators are supposed to be spam janitors and nobody should have the right to tell me not to talk about school shootings
Level: 135


Posts: 2615/5390
EXP: 29079473
For next: 255532

Since: 07-22-07

Pronouns: he/him/whatever
From: RSP Segment 6

Since last post: 343 days
Last activity: 343 days
Posted on 11-24-09 04:56:38 AM (last edited by HyperHacker at 11-24-09 01:58 AM) Link | Quote
Post #2615 - 11-23-09 11:56:38 PM
You'd want to put this inside the .win_post block, before anything else:
<div style="float: right;"><img src="http://supakitsune.exofire.net/adell_2%20copy.png" alt="" /></div>

You also should prefix your CSS classes with some unique identifier to ensure they won't conflict with other layouts.

The border looks fine, but it's hardly noticeable against that background.

____________________
why not?
Next newer thread | Next older thread
Jul - Computers and Technology - Need some layout CSS help New poll - New thread - New reply


Rusted Logic

Acmlmboard - commit 47be4dc [2021-08-23]
©2000-2022 Acmlm, Xkeeper, Kaito Sinclaire, et al.

30 database queries, 3 query cache hits.
Query execution time: 0.104320 seconds
Script execution time: 0.020247 seconds
Total render time: 0.124567 seconds