Footer Width »  Show posts from    to     

Icy Phoenix


Old Styles Topics - Footer Width



Jogge [ Mon 01 Jun, 2009 11:02 ]
Post subject: Footer Width
Hi, just wonder if someone can help me here.

I whant the footer width the same as the abobe images.

Hope you understand what i meen.


footer


Thanks

Jogge


Limun [ Mon 01 Jun, 2009 11:09 ]
Post subject: Re: Footer Width
open your style index_body.tpl
find
Spoiler: [ Show ]


replace with
Spoiler: [ Show ]



result : (i m not sure if this is what you mean )
1_6


Jogge [ Mon 01 Jun, 2009 11:44 ]
Post subject: Re: Footer Width
Limun wrote: [View Post]
open your style index_body.tpl
find
Spoiler: [ Show ]


replace with
Spoiler: [ Show ]



result : (i m not sure if this is what you mean )
1_6
Thanks for the help Limun but i meen the footer there it is writing Powered by............


Limun [ Mon 01 Jun, 2009 11:58 ]
Post subject: Re: Footer Width
overall_footer.tpl

find
Spoiler: [ Show ]



replace with
Spoiler: [ Show ]


maybe 30px in red


Jogge [ Mon 01 Jun, 2009 12:12 ]
Post subject: Re: Footer Width
Limun wrote: [View Post]
overall_footer.tpl

find
Spoiler: [ Show ]



replace with
Spoiler: [ Show ]


maybe 30px in red
Sorry Limun but this just changes the text, i won´t the hole border, well check my site and you can see that i have images instead of borders. Think you understand when you see it.

thanks

jogge


Lopalong [ Mon 01 Jun, 2009 12:32 ]
Post subject: Re: Footer Width
Try this.

RC*

copy /default/overall_footer to /your_style

At the top change the existing markup to something like this:

Code: [Hide] [Select]
<!-- INCLUDE overall_inc_footer.tpl -->
<tr> <td colspan="1" width="20%">
<td colspan="2" width="80%">

<div id="bottom_logo_ext">


Change x2 class="min250" to width="25%"

Close the extra table data </td> wherever you want it to end.

Or something like this:

Code: [Hide] [Select]
<!-- INCLUDE overall_inc_footer.tpl -->
<tr> <td width="2%">
<td colspan="2" width="80%">

<div id="bottom_logo_ext">



But how you would be able to expand and contract it when the menu is opened or closed, means a whole lot more than just doing the above.

PS: Jogge,

As a matter of interest, what version of IP styles are you working on ?


Limun [ Mon 01 Jun, 2009 12:55 ]
Post subject: Re: Footer Width
Jogge wrote: [View Post]
Sorry Limun but this just changes the text, i won´t the hole border, well check my site and you can see that i have images instead of borders. Think you understand when you see it.

thanks

jogge


but i dont see images man , look what i see

where

anyway try this of Lopalong


Lopalong [ Mon 01 Jun, 2009 13:15 ]
Post subject: Re: Footer Width
I think what he's after is this:

untitled_2_1243854933_990278


And he can also adjust it finitely with the {SPACER}

Code: [Hide] [Select]
<!-- INCLUDE overall_inc_footer.tpl -->
<tr> <td img src="{SPACER}" width="20" alt="" />
<td colspan="2">
<div id="bottom_logo_ext">


Jogge [ Mon 01 Jun, 2009 13:18 ]
Post subject: Re: Footer Width
Limun wrote: [View Post]
Jogge wrote: [View Post]
Sorry Limun but this just changes the text, i won´t the hole border, well check my site and you can see that i have images instead of borders. Think you understand when you see it.

thanks

jogge


but i dont see images man , look what i see

where

anyway try this of Lopalong
Well Limun if you don´t see why not try to changes template/style

Jogge


Limun [ Mon 01 Jun, 2009 13:23 ]
Post subject: Re: Footer Width
Jogge wrote: [View Post]
Well Limun if you don´t see why not try to changes template/style
Jogge

ups

anyway i see that Lopa solved it in pic above ,,,try it


Lopalong [ Mon 01 Jun, 2009 13:31 ]
Post subject: Re: Footer Width
And also be kind enough to answer my question on what version you are making these styles for

jogge wrote: 
well check my site and you can see that i have images instead of borders.


Next time - please post a URL with the theme value.

E.G: http://www.icyphoenix.com/forum.php?s=12

Some of us have more to do than chasing urls or theme changing when we get there.


Jogge [ Mon 01 Jun, 2009 13:36 ]
Post subject: Re: Footer Width
Lopalong wrote: [View Post]
And also be kind enough to answer my question on what version you are making these styles for
Ofcourse i shall answer your question and it is version RC 2

And i have test your 2 proposals Lopalong and i can´t get them to work. Think it´s me that make some and me and code is the same as............


Lopalong [ Mon 01 Jun, 2009 13:46 ]
Post subject: Re: Footer Width
Give me an =s link to the theme. The number is the theme you are working on.

EG: http://www.icyphoenix.com/forum.php?s=12

It appears that FF and IE don't agree!

Try this:

Code: [Hide] [Select]
<!-- INCLUDE overall_inc_footer.tpl -->
<tr> <td width="3%">
<td colspan="2">
<div id="bottom_logo_ext">


Limun [ Mon 01 Jun, 2009 13:54 ]
Post subject: Re: Footer Width
Lopalong wrote: [View Post]
Give me an =s link to the theme. The number is the theme you are working on.

s=18 is theme


Jogge [ Mon 01 Jun, 2009 14:08 ]
Post subject: Re: Footer Width
Lopalong wrote: [View Post]
Give me an =s link to the theme. The number is the theme you are working on.

EG: http://www.icyphoenix.com/forum.php?s=12

It appears that FF and IE don't agree!

Try this:

Code: [Hide] [Select]
<!-- INCLUDE overall_inc_footer.tpl -->
<tr> <td width="3%">
<td colspan="2">
<div id="bottom_logo_ext">
Sorry don´t work and here are the link
Link


Lopalong [ Mon 01 Jun, 2009 14:31 ]
Post subject: Re: Footer Width
Thanks,

I can adjust your style html

Code: [Hide] [Select]
<tr> <td width="3%"></td>
<td colspan="2">

<div id="bottom_logo_ext">
<div style="padding-top:5px;"><div class="tbl-hs-l"><div class="tbl-hs-r"><div class="tbl-hs-c"></div></div></div><div

class="tbl-b-l"><div class="tbl-b-r"> <div id="bottom_logo">
<table class="empty-table" width="100%" cellspacing="0" cellpadding="0" border="0">


and get this ->

untitled_2_1243858966_741422

But you have this in view source?

Code: [Hide] [Select]
<td colspan="3">
<div id="bottom_logo_ext">
<div style="padding-top:5px;"><div class="tbl-hs-l"><div class="tbl-hs-r"><div class="tbl-hs-c"></div></div></div><div class="tbl-b-l"><div class="tbl-b-r"> <div id="bottom_logo">
<table class="empty-table" width="100%" cellspacing="0" cellpadding="0" border="0">


Which can only mean that you are possibly not editing the right template ?

I also made some errors in some of those fixes because of FF


For IE and FF

In the overall_footer.tpl

Find:

Code: [Hide] [Select]
<!-- INCLUDE overall_inc_footer.tpl -->
<tr>
<td colspan="3">
<div id="bottom_logo_ext">


Replace With:

Code: [Hide] [Select]
<!-- INCLUDE overall_inc_footer.tpl -->
<tr> <td width="3%"></td>
<td colspan="2">
<div id="bottom_logo_ext">


And you really should have a look at your theme with IE and adjust it for both FF and IE. because there is a lot of mis-alignment in the graphics.

And now my eyeballs are really on the floor - So I'm off to bed - G'night!


Jogge [ Mon 01 Jun, 2009 23:03 ]
Post subject: Re: Footer Width
Thanks alot Lopalong, yes it works now but there is one more thing and that is...
It´s just the left side that work

image1

Thanks

Jogge


Lopalong [ Mon 01 Jun, 2009 23:10 ]
Post subject: Re: Footer Width
Building a theme bit by bit - post by post - and working with viewsource-copied html that lacks many images is not my idea of having a fun time.

I'll have a look at it, but you could make a copy of the theme available and pm me link to the download if you don't want to share it.


Jogge [ Mon 01 Jun, 2009 23:23 ]
Post subject: Re: Footer Width
Lopalong wrote: [View Post]
Building a theme bit by bit - post by post - and working with viewsource-copied html that lacks many images is not my idea of having a fun time.

I'll have a look at it, but you could make a copy of the theme available and pm me link to the download if you don't want to share it.
Well i am not that good in coding so therefore i make it this way. There is anyway alot of work to make the images and that is what i like.

As i said before i like to make images and i also like to translate and that is what i have done to this community and even some of your mods.

PS. I shall share all my themes i made and hopefull there is someone that likes them.
I must first make them 100% ready.

Jogge


Lopalong [ Tue 02 Jun, 2009 00:09 ]
Post subject: Re: Footer Width
Fair enough to everything you said, but sometimes it's too difficult to work out what the other has changed, and then work in the dark wondering why small fixes don't work.

Anyway, it appears that you need another table to fix that width and control the "Footer" element as a block. And it this doesn't fix it I'll check your PM for a link!

What's in red shows you where to add the table data between existing lines.

<tr> <td width="3%">
<td colspan="2">

<div id="bottom_logo_ext">


<table class="empty-table" width="96%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>





<div style="padding-top:5px;"><div class="tbl-hs-l"><div class="tbl-hs-r"><div class="tbl-hs-c"></div></div></div

BLAH BLAH!

</div></div><div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div> </div>




</td>
</tr>
</table>




</td>
</tr>
</table>
</div></div></div>

This table could also be used to add padding etc to control the position rather than <TD>


Jogge [ Tue 02 Jun, 2009 07:27 ]
Post subject: Re: Footer Width
Lopalong wrote: [View Post]
Fair enough to everything you said, but sometimes it's too difficult to work out what the other has changed, and then work in the dark wondering why small fixes don't work.

Anyway, it appears that you need another table to fix that width and control the "Footer" element as a block. And it this doesn't fix it I'll check your PM for a link!

What's in red shows you where to add the table data between existing lines.

<tr> <td width="3%">
<td colspan="2">

<div id="bottom_logo_ext">


<table class="empty-table" width="96%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>





<div style="padding-top:5px;"><div class="tbl-hs-l"><div class="tbl-hs-r"><div class="tbl-hs-c"></div></div></div

BLAH BLAH!

</div></div><div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div> </div>




</td>
</tr>
</table>




</td>
</tr>
</table>
</div></div></div>

This table could also be used to add padding etc to control the position rather than <TD>
Can´t get this to work, but i have send you the file

Thanks

Jogge


Lopalong [ Tue 02 Jun, 2009 07:41 ]
Post subject: Re: Footer Width
I'm not surprised that it's not working.

Attached is overall_footer.tpl that should fix your problem. There are no warnings or errors and I've looked at it with both IE and FF.

Copy it to the "The_Widescreen" folder because after downloading your style I'm not sure that you understand that you cannot change the /default/*.tpl's when creating a new theme. You MUST copy any files that you need to change to the folder of the theme you are creating, and IF you need to change any of the default *.css files, then you need to also copy them to the new style folder and re-path them in the style.css file here ->

Code: [Hide] [Select]
@import url("../default/common.css");
@import url("../common/common_colors.css");
@import url("../common/fap.css");
@import url("../common/dock.css");


I didn't fix your mis-aligned images (with IE), but I will if you need help with it.


Jogge [ Tue 02 Jun, 2009 08:18 ]
Post subject: Re: Footer Width
Lopalong wrote: [View Post]
I'm not surprised that it's not working.

Attached is overall_footer.tpl that should fix your problem. There are no warnings or errors and I've looked at it with both IE and FF.

Copy it to the "The_Widescreen" folder because after downloading your style I'm not sure that you understand that you cannot change the /default/*.tpl's when creating a new theme. You MUST copy any files that you need to change to the folder of the theme you are creating, and IF you need to change any of the default *.css files, then you need to also copy them to the new style folder and re-path them in the style.css file here ->

Code: [Hide] [Select]
@import url("../default/common.css");
@import url("../common/common_colors.css");
@import url("../common/fap.css");
@import url("../common/dock.css");


I didn't fix your mis-aligned images (with IE), but I will if you need help with it.

YES, you are my hero Lopalong, it´s works great...Thanks for this.
One thing i don´t understand is the above text about changeing the files

The only files i have changes is the cfg.(the name) file for example The_Widescreen. Is this bad.
You must understand that i am from Sweden and my second language is english

But if you whant to fix it as you say i am more than happy

PS. Thanks again


Lopalong [ Tue 02 Jun, 2009 08:51 ]
Post subject: Re: Footer Width
Re the changes to .tpl files etc.

There was no overall_footer.tpl in the "The Widescreen" folder, so that made me think you are changing the /default/****.tpl files to make your style work.

You must copy any changed /default/ .TPL files to your style folder and then undo the changes to the default/****.tpl files, or overwrite the edited default/***.tpl files with fresh default.tpl files.

I recall you asking about the block files "cms_block_inc_wrapper.tpl" for your other theme and for example you must have that file also in the folder of your other style.

And don't worry about the language barrier - we'll get to understand each other even if we have to resort to basic words.



Jogge [ Tue 02 Jun, 2009 09:04 ]
Post subject: Re: Footer Width
Lopalong wrote: [View Post]
Re the changes to .tpl files etc.

There was no overall_footer.tpl in the "The Widescreen" folder, so that made me think you are changing the /default/****.tpl files to make your style work.

You must copy any changed /default/ .TPL files to your style folder and then undo the changes to the default/****.tpl files, or overwrite the edited default/***.tpl files with fresh default.tpl files.

I recall you asking about the block files "cms_block_inc_wrapper.tpl" for your other theme and for example you must have that file also in the folder of your other style.

And don't worry about the language barrier - we'll get to understand each other even if we have to resort to basic words.

I have copy the file to the other folder to and that work to and even put in a <br> in some of them. Yes when i was learning english in school long time ago there was only the bacic words so that i understand.

Have also check the themes in FF and IE and it seems ok for a little stuff that i shall fix.

Thanks again

Jogge


spydie [ Tue 02 Jun, 2009 09:09 ]
Post subject: Re: Footer Width
Lopa

in Europe , the school teaches you only basic english ( Oxford english), with all slang´s missing.

and very basic. just enough to understand and talk the basic


Lopalong [ Tue 02 Jun, 2009 09:15 ]
Post subject: Re: Footer Width
@ Spydie (Didn't know you had posted) "P

I spell check 9999% of my posts and even if foreign language speakers pay attention to their native spelling - Then they should make sense when translated by google etc.



@ jogge,

No offence, but let me put it another way because I'm not sure if you fully understand yet.

If you put even a <br /> in a default/.TPL file you must then copy the file to your style folder and then undo the changes to the default/.TPL - Else you will affect any other style that uses the default files. And remember, other people are not going to be able to edit default files to make your theme work.

Anyway - Here's a fix for IE / FF images:

Fix the mis-aligned images with IE

Note the added height, and the 1px difference.

Open:

style_p_white.css

FInd this group and replace or edit by adding the "height's" if you wish.

Code: [Hide] [Select]
.tbl-h-c {
background: transparent url('images/p_white/tbl/tbl_h_c.png') repeat-x;
height: 29px;
font-weight: bold;
font-size: 12px;
text-align: center;
vertical-align: middle;
margin: 0;
white-space: nowrap;
overflow: hidden;
}

.tbl-h-l {
background: transparent url('images/p_white/tbl/tbl_h_l.png') bottom left no-repeat;
padding-left: 53px;
height: 28px;
}

.tbl-h-r {
background: transparent url('images/p_white/tbl/tbl_h_r.png') bottom right no-repeat;
padding-right: 53px;
height: 28px;
}


Jogge [ Tue 02 Jun, 2009 09:52 ]
Post subject: Re: Footer Width
Lopalong wrote: [View Post]
@ Spydie (Didn't know you had posted) "P

I spell check 9999% of my posts and even if foreign language speakers pay attention to their native spelling - Then they should make sense when translated by google etc.



@ jogge,

No offence, but let me put it another way because I'm not sure if you fully understand yet.

If you put even a <br /> in a default/.TPL file you must then copy the file to your style folder and then undo the changes to the default/.TPL - Else you will affect any other style that uses the default files. And remember, other people are not going to be able to edit default files to make your theme work.

Anyway - Here's a fix for IE / FF images:

Fix the mis-aligned images with IE

Note the added height, and the 1px difference.

Open:

style_p_white.css

FInd this group and replace or edit by adding the "height's" if you wish.

Code: [Hide] [Select]
.tbl-h-c {
background: transparent url('images/p_white/tbl/tbl_h_c.png') repeat-x;
height: 29px;
font-weight: bold;
font-size: 12px;
text-align: center;
vertical-align: middle;
margin: 0;
white-space: nowrap;
overflow: hidden;
}

.tbl-h-l {
background: transparent url('images/p_white/tbl/tbl_h_l.png') bottom left no-repeat;
padding-left: 53px;
height: 28px;
}

.tbl-h-r {
background: transparent url('images/p_white/tbl/tbl_h_r.png') bottom right no-repeat;
padding-right: 53px;
height: 28px;
}
Done

Thanks

Jogge


Lopalong [ Tue 02 Jun, 2009 10:32 ]
Post subject: Re: Footer Width
Ok,

I'll give you these two fixes and I'll leave you alone unless you yell out for more help.

See the problem in the pics.

Copy the 2 files in the .zip to the "The_Widescreen" folder and that should fix those.

untitled_4

untitled_5


Jogge [ Tue 02 Jun, 2009 10:47 ]
Post subject: Re: Footer Width
Lopalong wrote: [View Post]
Ok,

I'll give you these two fixes and I'll leave you alone unless you yell out for more help.

See the problem in the pics.

Copy the 2 files in the .zip to the "The_Widescreen" folder and that should fix those.

untitled_4

untitled_5


Thanks for this Lopalong, very kind of you and you have been a good help here.
Now i shall try to fix the themes so that they look OK.

Learning is the best way to understand, and yes i yell out it there are some more things

Jogge


Lopalong [ Tue 02 Jun, 2009 10:57 ]
Post subject: Re: Footer Width
You're doing a good job, because IP styles are not that easy to understand, let alone all of the nested stuff.

If you want to, send me a PM before you release it (That's if you are going to) and I'll make the time to have a real good look at it.





Powered by Icy Phoenix