Adding graphics to the website...

[JCBN]

Sorry for bumping!

Any ideas where to look for my -----------------------------to top---------------------------- line between my news posts?

And in my footer, is it possible to add an image at the very bottom, so i have 2 images in same Div so to speak? Just to make the bottom look more finished.

[Colin]

You may be able to do your to top with a widget area with a text widget in it doing the linking and by using the custom layout template option in Suffusion.

2 images in one DIV is certainly possible or maybe even better is to make one larger image that contains the current 2?

Try this in your custom includes you may like the look I do.

Code: Select all

#wrapper { margin: -90px auto 0;}


[JCBN]

Hah Colin, that was on my "todo list", thanks alot, certainly a much better look!

I will start messing around with the "to the top" line now, thanks for the tips.
For the botton images, i think a larger image would be pretty huge in size, since it would have to be png, so 2 images might be better, ill look at it later, when my to top works!

[JCBN]

Another day with several nice things done.

I couldnt make the "to top" work, but i did manage to seperate the posts with a graphic-line... it will do
Also made a nice sidebar-bottom set of social icons, not bad eh!

BUT, i am in dire help... there is a pixel error/graphic error where the main top container and the main mid container meets. It is only 1 pixel i think, and it shows when you resize the window in chrome, and it shows all the time in firefox... been looking for hours now, and im just not seeing what i did wrong! Probably a simple thing...

www.townportal.dk

Really could use some help with this one, its driving me crazy.

Also, any feedback or tips is welcome!

/TP

[JCBN]

*silent bump*

Another Question. If i were to add icons+links in the 4 boxes in my Sidebar top (easy to see which area im talking about), what would be the easiest way to do that?
I tried to mess around with the "wide header above sidebar", but no luck.

And i still need help with my small pixel error...

[drake]

You can add simple linked <img> tags in a text widget, as first widget from that sidebar. If you include every <img> in it's own div, you can easily align these div's horizontally. After that, all you have to do is to move entire text widget up, with a negative top margin until became aligned with the boxes.

For your pixel I'm affraid that you have nothing can do... From there start the repeatedly background for #content - but this background is over the image from header. These 2 images isn't the same so we see the transition between them. A little less annoying look if you add at Custom Styles:

Code: Select all

#content {margin-top:0;}

or

Code: Select all

.title-container {margin-top:-25px;}

Test both and see which it looks better.

[JCBN]

You can add simple linked <img> tags in a text widget, as first widget from that sidebar. If you include every <img> in it's own div, you can easily align these div's horizontally. After that, all you have to do is to move entire text widget up, with a negative top margin until became aligned with the boxes.

For your pixel I'm affraid that you have nothing can do... From there start the repeatedly background for #content - but this background is over the image from header. These 2 images isn't the same so we see the transition between them. A little less annoying look if you add at Custom Styles:

Code: Select all

#content {margin-top:0;}

or

Code: Select all

.title-container {margin-top:-25px;}

Test both and see which it looks better.

Thanks Drake, that widget idea was almost to easy, feel stupid. Thanks!

About the graphic, its not the top pixel im annoyed about, its the side of the container that is 1 pixel off... i "painted" this to show what i mean...

http://townportal.dk/pixelerror.jpg

Thanks again Drake...

Another question, should i make new topics for other issues? Like forum questions/register questions, since its not graphic issues per say.

[sayontan]

This is a real head-scratcher. I did notice one thing. Your Chrome display is not perfect either. The misalignment seems to be in the footer (in Firefox there is a footer misalignment too). The footer problem can be easily fixed by adding a "#cred { margin-left: -1px; }". I am thinking the other problem might have something to do with the "left: 7px" that you applied to "#main-col". Any specific reason for that?

[JCBN]

This is a real head-scratcher. I did notice one thing. Your Chrome display is not perfect either. The misalignment seems to be in the footer (in Firefox there is a footer misalignment too). The footer problem can be easily fixed by adding a "#cred { margin-left: -1px; }". I am thinking the other problem might have something to do with the "left: 7px" that you applied to "#main-col". Any specific reason for that?

Thanks for the reply.
I added the left: -7px, because when i dont, the result is this, this picture is with no margins at all.

www.townportal.dk/pixelerror2.jpg

Im not sure why it looks perfect in full screen (here atleast), and when i resize the browser window to be smaller, its off by 1 pixel?

Can it be something with the min/max width settings?

Also, if you resize the window very small you see this

www.townportal.dk/pixelerror3.jpg

Its not "gamebreaking", but its still annoying :p

Thanks again everyone...

[JCBN]

*silent bump*

If there is anyone who knows what to do with the pixel error id love to know.

Few other questions:

1: Is it possible to make/get a Widget, that "grabs" RSS news/feed, from a site, and posts it in my sidebar for example?

2: Does anyone have a Livestream Widget? A widget that links from own3d.tv/twitch.tv and shows when the stream is online/offline, i tried googling, and no luck. Hard to make?

3: Instead of "latest post", is it possible to get a "latest forum post" widget?

Thanks in advance!