help with background and text block

georgelangham / 2009-03-05 13:54:29   

Hi

this is my site

http://www.georgelangham.co.uk/

and i would like the index page to look/function like this site

http://ingridhora.com/

any ideas how i'd go about fixing the background image over 2 frames and how'd i get the text to be boxed out by a colour?!

thanks

George

Vaska A / 2009-03-05 13:58:06   

Haha...I did that for Ingrid the other night...

All I did was load the background image using the background tools in the system...then I edited the background plugins (/ndxz-studio/site/plugin/index.php) changing the 215 values to 0. I believe there are two plugins that need to be altered...it's not hard to figure out.

Boxing the text...which text? All text? Just the Index links? Need more specific...

georgelangham / 2009-03-05 14:07:17   

thanks Vaska for that..

regarding the text i would like all the text apart from the copyright and indexhibit link highlighted.. Also i would like the whole text to be shifted away from the left hand side and top?!

many thanks again.

Vaska A / 2009-03-05 14:14:52   

"Shifting" = padding...

  1. #menu .container { padding-top: 25px; padding-left: 25px; }

For the links...follow the same format for each...changing the colors as wanted for the various states...

  1. a:link { background: #fff20d; color: #000; text-decoration: none;  }
  2. a:active {  }
  3. a:visited {  }
  4. a:hover {  }

Playing a white background behind paragraph text...

  1. #content .container p { background: #fff; }

There will likely be some small things you will want to work through but this is the way to get from here to there...

georgelangham / 2009-03-05 14:50:21   

hey

when i type in

georgelangham.co.uk/ndxz-studio/site/plugin/index.php

a message comes up 'No direct script access allowed'

what does this mean?

Vaska A / 2009-03-05 14:55:21   

That's not a login...I'm just telling you which file to edit (via FTP).

georgelangham / 2009-03-05 14:58:16   

oh ok sorry.. yeah i see using a programme like 'fetch'!

thanks, i'll try.

Vaska A / 2009-03-05 14:59:22   

Yup...fetch...cyberduck...transmit...

georgelangham / 2009-03-05 15:53:41   

ok ive changed the index plugin values to 0, do you know what the other one is that i need to change?

George

Vaska A / 2009-03-05 15:55:54   

Ah yes...in your style.css file (for your template set) you need to make the #menu have a transparent background...

Edit...add...etc...whichever...

  1. #menu { background: transparent; }

Currently, it's white or #fff;

georgelangham / 2009-03-05 16:16:36   

is it the style.css in the eatock folder?

georgelangham / 2009-03-05 16:17:31   

or sample?

Vaska A / 2009-03-05 16:34:42   

Whichever one you are using...

georgelangham / 2009-03-05 16:38:47   

ok im using sample.. nice one.

georgelangham / 2009-03-05 16:46:06   

ok, i've found the file put on my desktop.. i go to edit the text but as it opens up the safari window so isn't editable?! sorry for being a pain!

Vaska A / 2009-03-05 16:52:30   

don't double click on it...hold down the control key and select whichever app you use for editing this kind of file...a text editor (not Word)...

georgelangham / 2009-03-05 17:07:00   

ok changed that and put it back in the samples folder now my index page is blank! ha

georgelangham / 2009-03-05 17:07:38   

not blank but no text!!

Vaska A / 2009-03-05 17:11:58   

There are days when I wonder if we should even tell people how to do these things...because if they don't know they are capable of killing their entire site.

Get a fresh file from your batch of files you downloaded from us...and start over using that one.

georgelangham / 2009-03-05 17:15:51   

haha!

georgelangham / 2009-03-05 17:30:04   

sorted it!! phew! i deleted the menu 215 to 0... i am slowly getting the hang of this!

just need to move the text across and put a box around the text! ha

Vaska A / 2009-03-05 17:31:47   

I recommend Coda for editing your files...it's both FTP app and text editor and CSS editor...all-in-one. It's not free but it's really worth it.

georgelangham / 2009-03-05 17:44:50   

again thanks for all your help today.

George

minigem / 2009-03-10 17:05:19   

I tried the same thing on my site (www.rienrossey.be) but now my problem is that the background is to high, I want it to be under my menu... Anybody has some advice?

minigem / 2009-03-10 17:10:56   

never mind, I just adjusted the height of the background image.

Lemonni / 2009-06-20 00:07:28   

Hi,

I'm following everything on this thread but I still can't get it right.

I think the problem is the TextEdit I used to edit the CSS file. Somehow it's not directly translated after I upload it back again to replace the original CSS.

Can TextEdit really edit CSS files??

cruz / 2009-07-01 09:19:12   

Yes. You have to open the files as simple text and check the ignore rich text commands checkbox.

seanhawkridge / 2009-08-17 20:31:23   

I also found it useful to know that you can substitute descriptions for the numerical values (215px 0 etc) in the file Vaska mentions above - so you can set the position of your image to bottom right or top left or whatever.

pauloram / 2009-09-23 20:16:48   

Hi
Can Vaska or anyone else explain this to me, I changed 215 to 0 in the index.php as below and also exhibit.backgrounded.php which I assume is the second plugin refered to. Loaded image and turned it to backgrounded, but it doesnt do anything. I would love to match this site style ingridhora.com/

From Vaska's post at top of this forum:

Haha...I did that for Ingrid the other night...

All I did was load the background image using the background tools in the system...then I edited the background plugins (/ndxz-studio/site/plugin/index.php) changing the 215 values to 0. I believe there are two plugins that need to be altered...it's not hard to figure out.

Boxing the text...which text? All text? Just the Index links? Need more specific...

arsondpi / 2009-09-24 08:10:52   
but it doesnt do anything.

Whatcha mean by that? How about giving us your address to begin with... :-)

tudor / 2009-10-10 13:08:17   

hello
my site is
www.tudorvlasceanu.com

i would like to have the white bacground of the menu tab to 50 procent transparent.
and also could the color of the background menu act like the one in this site

http://www.lafilladelfotografu.com/

do you have any ideea how to do this.
i tried with what was written above but it didnt work.
thanks.

lemathieu A / 2009-10-10 14:19:27   

install fiebug for firefox and see how she does that.
Transparence ? Search the forum !

;)

kbiswas / 2009-11-25 11:34:49   

Hi!
I just installed the randomizing background plug-in and then spent a few hours digging around the forums when I was troubleshooting. But for some reason my background images are randomly resizing themselves. Sometimes the same image is overly large, sometimes it appears again in the cycle and it doesn't fill the screen.

my site is http://www.koninabiswas.com

thanks for any advice!

arsondpi / 2009-11-25 12:50:54   

The logo is 268 Kb and the background is 1.5 Mb!
How about shrinking your images to less than 300Kb?
Try to use a 1:1 scale approach when saving a file...

getoutski / 2010-01-13 14:58:21   
Vlaska A wrotte:
For the links...follow the same format for each...changing the colors as wanted for the various states...

1. a:link { background: #fff20d; color: #000; text-decoration: none; }
2. a:active { }
3. a:visited { }
4. a:hover { }

but when i do this i only get box behind my email link and not the actual projects

help

getoutski / 2010-01-13 14:58:48   

the site is
http://www.getoutski.me/

getoutski / 2010-01-13 15:01:18   

hahah i got it...need to add same line on active state

getoutski / 2010-01-13 15:12:01   

yeah but now i cant get rid of the color box behind my logo that is above menu

maelpe / 2010-01-22 23:54:56   

Hi I just installed IH, and playing around with it. (love it so fare :)

changed the 215 values in /ndxz-studio/site/plugin/index.php to 0. And added the #menu { background: transparent; }
to the style.css file.

Dont know if how it happened ore when.. But right now my menu is disapering when I scrawl down the page..

http://tincancompany.dk/ih/

Cant figure the reason out.. I would be greatfull for a hint.

Cheers

maelpe / 2010-01-23 00:26:33   

oh and also all the content in the right frame is now being displayed, not frm the top, but from the buton of the menu and down.. Se the other pages aswell.. Im to tired to look at it now.. Will look at it tomorrow. But if someone might know what what i did rong... Give me a hint

maelpe / 2010-01-23 12:41:20   

Ok Fixed it. (I now see that I WAS to tired)

Just added
{ background: transparent; }
after #menu on line 30 in sample, style.css

Should offcorse be added at line 38 like this:
background-color: #transparent;

oscarm / 2010-02-25 20:00:50   

What does 'change 215 values to 0' mean? Look at line text 215 of /ndxz-studio/site/plugin/index.php and change that value to 0? Thanks!

oscarm / 2010-02-25 20:24:33   

nevermind..

asprine / 2010-02-26 23:06:26   

Is there a way to make Next back button for these background images?

RalphBlomberg / 2010-07-23 12:24:06   

I've got a (I guess, simple to fix) question.

I want my text to be in a color box.
So when I add this to my code

#content p {background: #C7FDCC}
It doesn't just add a color frame behind my text, but it also adds a color frame behind my images (in a weird size, which I can't find back in my code) I only want a color frame behind my text.

Any thoughts?

RalphBlomberg / 2010-07-23 12:27:06   

Fixed it already, srry!

I just added this
#img-container p {
background: none; }

dfeitosa / 2011-02-12 13:52:44   

Hi,

I've followed everything, changed the index and the style files, and everything worked fine, but the image is huge. I've tried changing the image size and it is still too big.

Is there any way that I can make it so the image will fit the page regardless of the computer's resolution?

Thanks,
Dennis
www.dennisff.me

dfeitosa / 2011-02-12 13:57:04   

just figured it out actually, thanks!

crnastya / 2012-01-31 12:00:56   

I did everything like Vaska said (changed 215 to 0 and edited style.css), but nothing has changed on my site!

I want a background position like on ingrids page

my website: crystalnastya.com

crnastya / 2012-01-31 12:01:45   

I did everything like Vaska said (changed 215 to 0 and edited style.css), but nothing has changed on my site!

I want a background position like on ingrids page

my website: crystalnastya.com

This thread has been closed, thank you.