what are the characteristics of SEO template ?

[dcz]

you're right.

I don't get why I did not find this out before, because on most site, there was no differences with the same IE size settings.

So my apologies, you style is so well done that IE is indeed able to change text size

++

[sportman1280]

holy crap. Nice template. I might just switch to that and dump this black crap I have right now. LOL.

[dcz]

we'll soon need a style forum

[sportman1280]

haha, make one!

EDIT: Is there anything we can do to help you create the theme? I would love to be of some use on a certain section of it or something. We could get a little project running

[sportman1280]

Also, can you send me what you have for the theme? Id like to see it and see if i can start converting it to what my forum needs.

[AmirAbbas]

Also, can you send me what you have for the theme? Id like to see it and see if i can start converting it to what my forum needs.

this temlate is not complete. i need time to finish it. it takes a long long long time to finish this template.
only the first page of this template is styled and its not ready to use.
its %5 of a complete theme

1- designing with CSS is very hard and you must be in contact with some professional designers

2- im not professional in designing

3- my english is poor

4- im very lazy

for example for the index page there is some problems
see this topic

-http://www.phpbbstyles.com/viewtopic.php?t=15846

i must ask CSS pros for solving problems

[sportman1280]

I understand this, but like i said i would like to see if i can help in anyway. I'll PM you my email.

[AmirAbbas]

I understand this, but like i said i would like to see if i can help in anyway

yes, definitely, you can help.
i can not finish it without help

this is all files that i have changed

overall_header.tpl, index_body.tpl, overall_footer.tpl, subSilver.css

you can download these files here

-http://rapidshare.com/files/7466896/subSilver.zip.html

just replace these files by subsilver standard files.

[AmirAbbas]

excuse me
i forgot to put background picture in first package

its backgrounds folder that you must put it in subSilver/images folder

-http://rapidshare.com/files/7477631/backgrounds.zip.html

[mreider]

Here's a little css that should help you out.

In viewforum_body.tpl find:

Code: Select all

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="0">
   <tr>
      <td align="left" valign="top"><table cellspacing="3" cellpadding="0" border="0">
         <tr>
            <td width="20" align="left"><img src="{FOLDER_NEW_IMG}" alt="{L_NEW_POSTS}" width="19" height="18" /></td>
            <td class="gensmall">{L_NEW_POSTS}</td>
            <td>&nbsp;&nbsp;</td>
            <td width="20" align="center"><img src="{FOLDER_IMG}" alt="{L_NO_NEW_POSTS}" width="19" height="18" /></td>
            <td class="gensmall">{L_NO_NEW_POSTS}</td>
            <td>&nbsp;&nbsp;</td>
            <td width="20" align="center"><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_ANNOUNCEMENT}" width="19" height="18" /></td>
            <td class="gensmall">{L_ANNOUNCEMENT}</td>
         </tr>
         <tr>
            <td width="20" align="center"><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_NEW_POSTS_HOT}" width="19" height="18" /></td>
            <td class="gensmall">{L_NEW_POSTS_HOT}</td>
            <td>&nbsp;&nbsp;</td>
            <td width="20" align="center"><img src="{FOLDER_HOT_IMG}" alt="{L_NO_NEW_POSTS_HOT}" width="19" height="18" /></td>
            <td class="gensmall">{L_NO_NEW_POSTS_HOT}</td>
            <td>&nbsp;&nbsp;</td>
            <td width="20" align="center"><img src="{FOLDER_STICKY_IMG}" alt="{L_STICKY}" width="19" height="18" /></td>
            <td class="gensmall">{L_STICKY}</td>
         </tr>
         <tr>
            <td class="gensmall"><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_NEW_POSTS_LOCKED}" width="19" height="18" /></td>
            <td class="gensmall">{L_NEW_POSTS_LOCKED}</td>
            <td>&nbsp;&nbsp;</td>
            <td class="gensmall"><img src="{FOLDER_LOCKED_IMG}" alt="{L_NO_NEW_POSTS_LOCKED}" width="19" height="18" /></td>
            <td class="gensmall">{L_NO_NEW_POSTS_LOCKED}</td>
         </tr>
      </table></td>
      
   </tr>
</table>


And replace it with:

Code: Select all

<div class="wrp">
<ul class="bf">
<li><img src="{FOLDER_NEW_IMG}" alt="{L_NEW_POSTS}" class="19" /> {L_NEW_POSTS}</li>
<li><img src="{FOLDER_IMG}" alt="{L_NO_NEW_POSTS}" class="19" /> {L_NO_NEW_POSTS}</li>
<li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_ANNOUNCEMENT}" class="19" /> {L_ANNOUNCEMENT}</li>
</ul>
<br />
</div>

<div class="wrp">
<ul class="bf">
<li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_NEW_POSTS_HOT}" class="19" /> {L_NEW_POSTS_HOT}</li>
<li><img src="{FOLDER_HOT_IMG}" alt="{L_NO_NEW_POSTS_HOT}" class="19" /> {L_NO_NEW_POSTS_HOT}</li>
<li><img src="{FOLDER_STICKY_IMG}" alt="{L_STICKY}" class="19" /> {L_STICKY}</li>
</ul>
<br />
</div>

<div class="wrp">
<ul class="bf">
<li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_NEW_POSTS_LOCKED}" class="19" /> {L_NEW_POSTS_LOCKED}</li>
<li><img src="{FOLDER_LOCKED_IMG}" alt="{L_NO_NEW_POSTS_LOCKED}" class="19" /> {L_NO_NEW_POSTS_LOCKED}</li>
</ul>
<br />
</div>

Then in your stylesheet add:

Code: Select all


  ul.bf
  {
    width: 450px;
   border:0;
  }

  ul.bf li
  {
    float: left;
    width: 140px;
   border:0;
   margin:0;
   padding:0;
  }

  br
  {
    clear: left;
  }

  div.wrp
  {
   border:0;
  }
img.19 {width:19px;height:18px;}

You can change the name of the styles to whatever you want, but that's what works for me.

Helps cut down on some code bloat for sure!

[AmirAbbas]

thanks mreider

it seems that you know HTML and CSS very well
im interested to see your design. can you give me your forum link ?
and we are developing a template for phpbb
can you help us for developing this template ?

[AmirAbbas]

i updated the file on the server for demo.
now the content of the page is more than HTML codes

the footer is styled completely
i put all folder images in <li> tag and i used folder images as a background in CSS.

its near to end for first page

see it here

-http://www.persia-cms.com/test/


just bottom of index_body.tpl need styling and there is a problem in IE
sometimes content go behind container background color
i think its peek-a-boo bug
im seaching for a solution

[mreider]

just bottom of index_body.tpl need styling and there is a problem in IE
sometimes content go behind container background color
i think its peek-a-boo bug
im seaching for a solution Rolling Eyes

Try this in index_body (its what I did):

Code: Select all

<div class="c"><h4>Who is Online</h4>
<hr />
<div class="l"><img src="path_to_your_images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></div>
<div class="r">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}<br />{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</div></div>

Change the img src of the whoisonline.gif to fit your board. And in your css add:

Code: Select all

.c { height: 150px;border: 1px #006699 solid;background:url(path_to_your_images/cellpic1.gif) repeat-x;}
.l {left:0; width:50px;float:left;}
.r {left:55px;float:left;}

That ought to work. If you have your CSS subsilver styles in an external CSS file (which you should definitely do if you havent already) then find:

Code: Select all

.gensmall{ font-size : 10px; }

And replace with:

Code: Select all

.gensmall,.r{ font-size : 10px; }

If you're using my other suggestion above, then you want to add the list element too so it looks like:

Code: Select all

.gensmall,.r,ul.bf li{ font-size : 10px; }

I haven't posted my baord because I'm testing most of this locally. Also as a sidenote: I'm trying to emulate SubSilver (like keeping the same style configuration) because thats what I use on my site (just slapped into a seperate template that my site runs on).

I'll post more as I figure stuff out. I came SO close last night to getting the index_body.tpl to list all the forums, posts, etc within divs but just couldn't get over a few problems with it

One more note: I removed the Administrator and Moderators block from the who's online because I'm the only one on my site, and figured I'd save a couple MySQL queries and code that way.

Also, the H4 tag is styled too. You might want to change it to whatever you want, but I'm trying to work the header elements into it. You could say something like:

Code: Select all

<h4>Who is Online {L_INDEX}</h4>

That will then show your forum name, and if you've got your keywords in there it might help give you a bit of a boost to have it in another header tag (like an h3 or 4) at the bottom of the page. Probably won't amount to anything though, but you can experiment.

[mreider]

I like the way you use the list emelents on your index_body - I think it's a little cleaner than what I've been doing. I'll see if I can modify your code a bit and post any positive results here

[AmirAbbas]

now i finished styling index page
all elements are styled

i have added folder images to background of <li> tags
everthing is OK in IE 5/5.5/6 - Firefox 2 - opera 8

just a bug in IE

content some times disappear in IE 6
try to play with the size of your prowser windows to see this problem

-http://www.persia-cms.com/test/