| :: |
| Author |
Message |
dcz
Administrateur - Site Admin
Joined: 28 Apr 2006
Posts: 15131
|
|
| Back to top |
|
 |
|
|
sportman1280
phpBB SEO Team
Joined: 29 Nov 2006
Posts: 281
|
 Posted: Thu Dec 14, 2006 1:20 pm Post subject: Re: what are the characteristics of SEO template ? |
|
|
| holy crap. Nice template. I might just switch to that and dump this black crap I have right now. LOL. |
|
|
| Back to top |
|
|
dcz
Administrateur - Site Admin
Joined: 28 Apr 2006
Posts: 15131
|
|
| Back to top |
|
|
sportman1280
phpBB SEO Team
Joined: 29 Nov 2006
Posts: 281
|
| Posted: Thu Dec 14, 2006 1:42 pm Post subject: Re: what are the characteristics of SEO template ? |
|
|
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 |
|
|
| Back to top |
|
|
sportman1280
phpBB SEO Team
Joined: 29 Nov 2006
Posts: 281
|
| Posted: Thu Dec 14, 2006 3:06 pm Post subject: Re: what are the characteristics of SEO template ? |
|
|
| 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. |
|
|
| Back to top |
|
|
AmirAbbas
phpBB SEO Team
Joined: 11 May 2006
Posts: 529
Location: IRAN
|
| Posted: Thu Dec 14, 2006 3:16 pm Post subject: Re: what are the characteristics of SEO template ? |
|
|
| Quote: | | 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  |
_________________
چهار گوش - طراحی وب - مجله طراحی وب |
|
| Back to top |
|
|
sportman1280
phpBB SEO Team
Joined: 29 Nov 2006
Posts: 281
|
| Posted: Thu Dec 14, 2006 3:20 pm Post subject: Re: what are the characteristics of SEO template ? |
|
|
| I understand this, but like i said i would like to see if i can help in anyway. I'll PM you my email. |
|
|
| Back to top |
|
|
AmirAbbas
phpBB SEO Team
Joined: 11 May 2006
Posts: 529
Location: IRAN
|
| Posted: Thu Dec 14, 2006 3:56 pm Post subject: Re: what are the characteristics of SEO template ? |
|
|
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. |
_________________
چهار گوش - طراحی وب - مجله طراحی وب |
|
| Back to top |
|
|
AmirAbbas
phpBB SEO Team
Joined: 11 May 2006
Posts: 529
Location: IRAN
|
| Posted: Thu Dec 14, 2006 5:16 pm Post subject: Re: what are the characteristics of SEO template ? |
|
|
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 |
_________________
چهار گوش - طراحی وب - مجله طراحی وب |
|
| Back to top |
|
|
mreider
phpBB SEO Team
Joined: 07 May 2006
Posts: 221
|
| Posted: Fri Dec 15, 2006 7:16 am Post subject: Re: what are the characteristics of SEO template ? |
|
|
Here's a little css that should help you out.
In viewforum_body.tpl find:
| Code: |
<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> </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> </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> </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> </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> </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: | <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: |
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! |
|
|
| Back to top |
|
|
AmirAbbas
phpBB SEO Team
Joined: 11 May 2006
Posts: 529
Location: IRAN
|
| Posted: Fri Dec 15, 2006 7:20 am Post subject: Re: what are the characteristics of SEO template ? |
|
|
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 ?  |
_________________
چهار گوش - طراحی وب - مجله طراحی وب |
|
| Back to top |
|
|
AmirAbbas
phpBB SEO Team
Joined: 11 May 2006
Posts: 529
Location: IRAN
|
| Posted: Fri Dec 15, 2006 4:14 pm Post subject: Re: what are the characteristics of SEO template ? |
|
|
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  |
_________________
چهار گوش - طراحی وب - مجله طراحی وب |
|
| Back to top |
|
|
mreider
phpBB SEO Team
Joined: 07 May 2006
Posts: 221
|
| Posted: Fri Dec 15, 2006 6:07 pm Post subject: Re: what are the characteristics of SEO template ? |
|
|
| Quote: | 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: | <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} [ {L_WHOSONLINE_ADMIN} ] [ {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: | .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: | | .gensmall{ font-size : 10px; } |
And replace with:
| Code: | | .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: | | .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: | | <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 |
|
| Back to top |
|
|
mreider
phpBB SEO Team
Joined: 07 May 2006
Posts: 221
|
| Posted: Fri Dec 15, 2006 6:18 pm Post subject: Re: what are the characteristics of SEO template ? |
|
|
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  |
|
|
| Back to top |
|
|
AmirAbbas
phpBB SEO Team
Joined: 11 May 2006
Posts: 529
Location: IRAN
|
| Posted: Sat Dec 16, 2006 4:59 pm Post subject: Re: what are the characteristics of SEO template ? |
|
|
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/ |
_________________
چهار گوش - طراحی وب - مجله طراحی وب |
|
| Back to top |
|
|
|
|
