How to change an image location?

[davida500]

Hey guys, i have a quick question.

I have recently made a new forum on the domain www.new.e3-clan.net, i did this becuase i wanted to keep it a secret until it was completed.

Later i changed the location of the forum to www.e3-clan.net.

Everything seems to be working ok, i have changed all the css and image locations from www.new.e3-clan.net to www.e3-clan.net.

There are still a few problems i am having and i dont really know why, the image below shows the word "default" in a red circle, this should be an image. When i right click it and go to properties it says its try to get the image from: http://www.new.e3-clan.net/forums/images/icons/icon1.gif but the new. should not be there. anymore.

http://img694.imageshack.us/img694/652/35422554.png (http://img694.imageshack.us/i/35422554.png/)


The second problem i am having is that i have created a forum that is a link. Here is an example of what i have done with the link for the forum.

http://www.e3-clan.net/example

However the forum is trying to take people to the following:

http://www.new.e3-clan.net/example

So again its putting .new where is shouldn't be doing any more, i cannot find anything else to change, please give me some advise.

Thanks :)

David.

[LifesGreatestGift]

Whenever designing a style ALWAYS use relative locations for images :)

for example instead of using
<img src="http://www.mysite.com/images/styles/logos/logo1.png" />
use
<img src="./images/styles/logos/logo1.png" />

That way it will work on any domain and folder you put it in.

as for your second problem, links as well should be relative unless they go to an outside site, then you just put the regular link in :)

[davida500]

Whenever designing a style ALWAYS use relative locations for images :)

for example instead of using
<img src="http://www.mysite.com/images/styles/logos/logo1.png" />
use
<img src="./images/styles/logos/logo1.png" />

That way it will work on any domain and folder you put it in.

as for your second problem, links as well should be relative unless they go to an outside site, then you just put the regular link in :)

Thanks :D I managed to fix most of the problems with your advise :D

The only thing that is still not fixed is the little default image, i have no idea where the code is or where i need to go to edit the location of that image :/

Any ideas :)

Thanks.

David.

[IR15H]

The only thing that is still not fixed is the little default image, i have no idea where the code is or where i need to go to edit the location of that image :/

ADMIN CP > Post Icons > Post Icon Manager > View > Edit each image.

[LifesGreatestGift]

do a search in your templates for

"new.e3-clan.net"

You will find all the current issues, but as to the image, it is calling it from
http://www.new.e3-clan.net/forums/images/icons/icon1.gif

To edit that image open up postbit.css

And everything you need to edit is here or you can use the post icon manager (above post)


.postbit .posttitle.icon {
padding-{vb:stylevar left}:0;
background-repeat:no-repeat;
background-position:{vb:stylevar padding} center;
}


.postbit .posttitle.icon1 { background-image:url({vb:stylevar imgdir_icons}/icon1.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon2 { background-image:url({vb:stylevar imgdir_icons}/icon2.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon3 { background-image:url({vb:stylevar imgdir_icons}/icon3.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon4 { background-image:url({vb:stylevar imgdir_icons}/icon4.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon5 { background-image:url({vb:stylevar imgdir_icons}/icon5.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon6 { background-image:url({vb:stylevar imgdir_icons}/icon6.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon7 { background-image:url({vb:stylevar imgdir_icons}/icon7.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon8 { background-image:url({vb:stylevar imgdir_icons}/icon8.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon9 label { background-image:url({vb:stylevar imgdir_icons}/icon9.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon10 { background-image:url({vb:stylevar imgdir_icons}/icon10.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon11 { background-image:url({vb:stylevar imgdir_icons}/icon11.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon12 { background-image:url({vb:stylevar imgdir_icons}/icon12.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon13 { background-image:url({vb:stylevar imgdir_icons}/icon13.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}
.postbit .posttitle.icon14 { background-image:url({vb:stylevar imgdir_icons}/icon14.png); padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} + 16px + 4px};}



Unless you manually set the post icon in template postbit_legacy and in that case you will have to go into it and fix it.

[davida500]

This may seem like a stupid question but where do i find the postbit.css ?

Thanks.

David.

[Karm4]

Yes where do you find it?

[Frondy]

Yes where do you find it?


ADMIN CP > Styles & Templates > use search, enter postbit.css, and mark titles only