what are the characteristics of SEO template ?

Discussions about the phpBB2 Forum. How to get the best from this powerful script.

Moderator: Moderators

Postby dcz » Thu Dec 14, 2006 12:58 pm

:lol: 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 :lol:

++
Useful links :
SEO Forum || SEO Directory || SEO phpBB || Search
____________________

Liens Utiles :
Forum référencement || Annuaire référencement || Référencement phpBB || Recherche
dcz
Admin
Admin
 
Posts: 21376
Joined: Fri Apr 28, 2006 9:03 pm

Advertisement

Postby sportman1280 » Thu Dec 14, 2006 1:20 pm

holy crap. Nice template. I might just switch to that and dump this black crap I have right now. LOL.
sportman1280
phpBB SEO Team
phpBB SEO Team
 
Posts: 283
Joined: Wed Nov 29, 2006 9:11 pm

Postby dcz » Thu Dec 14, 2006 1:21 pm

we'll soon need a style forum :D
Useful links :
SEO Forum || SEO Directory || SEO phpBB || Search
____________________

Liens Utiles :
Forum référencement || Annuaire référencement || Référencement phpBB || Recherche
dcz
Admin
Admin
 
Posts: 21376
Joined: Fri Apr 28, 2006 9:03 pm

Postby sportman1280 » Thu Dec 14, 2006 1:42 pm

haha, make one! :-D

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 :-D
sportman1280
phpBB SEO Team
phpBB SEO Team
 
Posts: 283
Joined: Wed Nov 29, 2006 9:11 pm

Postby sportman1280 » Thu Dec 14, 2006 3:06 pm

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.
sportman1280
phpBB SEO Team
phpBB SEO Team
 
Posts: 283
Joined: Wed Nov 29, 2006 9:11 pm

Postby AmirAbbas » Thu Dec 14, 2006 3:16 pm

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 :lol:

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 :wink:
User avatar
AmirAbbas
phpBB SEO Team
phpBB SEO Team
 
Posts: 534
Joined: Thu May 11, 2006 3:30 pm
Location: IRAN

Postby sportman1280 » Thu Dec 14, 2006 3:20 pm

I understand this, but like i said i would like to see if i can help in anyway. I'll PM you my email.
sportman1280
phpBB SEO Team
phpBB SEO Team
 
Posts: 283
Joined: Wed Nov 29, 2006 9:11 pm

Postby AmirAbbas » Thu Dec 14, 2006 3:56 pm

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

yes, definitely, you can help. :D
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.
User avatar
AmirAbbas
phpBB SEO Team
phpBB SEO Team
 
Posts: 534
Joined: Thu May 11, 2006 3:30 pm
Location: IRAN

Postby AmirAbbas » Thu Dec 14, 2006 5:16 pm

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
User avatar
AmirAbbas
phpBB SEO Team
phpBB SEO Team
 
Posts: 534
Joined: Thu May 11, 2006 3:30 pm
Location: IRAN

Postby mreider » Fri Dec 15, 2006 7:16 am

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!
mreider
phpBB SEO Team
phpBB SEO Team
 
Posts: 292
Joined: Sun May 07, 2006 3:11 pm

Postby AmirAbbas » Fri Dec 15, 2006 7:20 am

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 ? :o
User avatar
AmirAbbas
phpBB SEO Team
phpBB SEO Team
 
Posts: 534
Joined: Thu May 11, 2006 3:30 pm
Location: IRAN

Postby AmirAbbas » Fri Dec 15, 2006 4:14 pm

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 :roll:
User avatar
AmirAbbas
phpBB SEO Team
phpBB SEO Team
 
Posts: 534
Joined: Thu May 11, 2006 3:30 pm
Location: IRAN

Postby mreider » Fri Dec 15, 2006 6:07 pm

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.
Last edited by mreider on Fri Dec 15, 2006 6:28 pm, edited 2 times in total.
mreider
phpBB SEO Team
phpBB SEO Team
 
Posts: 292
Joined: Sun May 07, 2006 3:11 pm

Postby mreider » Fri Dec 15, 2006 6:18 pm

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 :)
mreider
phpBB SEO Team
phpBB SEO Team
 
Posts: 292
Joined: Sun May 07, 2006 3:11 pm

Postby AmirAbbas » Sat Dec 16, 2006 4:59 pm

now i finished styling index page
all elements are styled :wink:

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/
User avatar
AmirAbbas
phpBB SEO Team
phpBB SEO Team
 
Posts: 534
Joined: Thu May 11, 2006 3:30 pm
Location: IRAN

PreviousNext

Return to phpBB2 Forum

 


  • Related topics
    Replies
    Views
    Last post

Who is online

Users browsing this forum: No registered users and 16 guests