News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

[Theme] Endar - SMF 1.1 RC2

Started by Miraenda, August 01, 2005, 06:24:57 PM

Previous topic - Next topic

dtm.exe

Quote from: jasidog on August 11, 2005, 03:33:03 PM
Changes yet to come were one of the reasons the admin panel HTML was left untouched. Oh and laziness. :D

What changes would you make to the admin template files?  I've never seen a mod with it's admin files modified :-\.

-Dan The Man

jasidog

#41
I looked at a few other SMF themes and I think (If i remember rightly.) Bloc's simplicity has a custom layout in the admin section.

In any case it would be to try and smooth out some of the style inconsistencies. The none admin parts are all rewritten to use a certain structure (Largely table free.).

As an example if you look at the profile navigation column, that's a styled list, the same could be done to the admin navigation column and that would provide a consistent feel and look.

As I said though, 1.1 being still in beta was only one reason it wasn't done. In my opinion it isn't that prudent anyway and is a lot of work, so I might never do it. I prefer that an admin panel have a style that never changes.

However SMF's template system doesn't work like that. Change the style and you change the look of the admin panel.

That being said I'm new to SMF there may be ways of making the admin panel stay using the default template.

What I do know is that some of the template files have admin and non-admin display code in them both. When it would be easier for updating if the admin code was all in seperate files.

trenchteam

Anyway, we can get a working version for 1.05?

jasidog

I'm afraid not Trenchteam. Sorry.

I mean it's possible, but a lot of work to backport it. I just got through updateing it for Beta 4 which was quite a bit of work in it's self. Not sure if I'll release that though as Beta 4 isn't public.

trenchteam

no problem. I just updated to 1.1 because of your theme. I want to totally change the color scheme, but Its fantastic! thanks again! ;D

dtm.exe

Quote from: trenchteam on August 26, 2005, 10:21:35 AM
no problem. I just updated to 1.1 because of your theme. I want to totally change the color scheme, but Its fantastic! thanks again! ;D

You can do that yourself.  It's not at all hard :).

-Dan The Man

jasidog

Hey Nice avatar there Dan! :) Just what I've been thinking about the Opera/Firefox relationship for some time now. Some of the silly fighting is just ridiculous. Both great browsers for open standards and an open web. :)

Quote from: trenchteam on August 26, 2005, 10:21:35 AM
no problem. I just updated to 1.1 because of your theme. I want to totally change the color scheme, but Its fantastic! thanks again! ;D

Wow! Well best of luck with the changes, if you do need any pointers just shout though. :)

trenchteam

Quote from: OIDanTheManIO on August 26, 2005, 11:21:34 AM
Quote from: trenchteam on August 26, 2005, 10:21:35 AM
no problem. I just updated to 1.1 because of your theme. I want to totally change the color scheme, but Its fantastic! thanks again! ;D

You can do that yourself.  It's not at all hard :).

-Dan The Man

I know a bit of CSS and Im pretty good with PS, so its just a matter of getting things working!.

Quote
Wow! Well best of luck with the changes, if you do need any pointers just shout though. Smiley

Thanks. I'll definately be asking questions! haha

trenchteam

#48
Well, I've run into my first problem.  I would like to add google ad sense on my site.  I generate  a goog amount monthy on the site, and it really helps w/ the cost of maintenence etc.. Its a must have for me!  Anyway, I wanted to add it where it has the forum name right below the news section.  When I add googleads, it breaks the site totally. The template is totally wack.  Any ideas how to implement a 468 by 60 banner there?

Right now Im using this.

// The main content should go here.  A table is used because IE 6 just can't handle a div.
echo '
<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td id="bodyarea" style="padding: 1ex 20px 2ex 20px;">



<div class="tborder">
<table summary="English Greek translation forum, help with French, German, Spanish, Italians language questions and terminology as well as technical help with common computer problems and translation memory tools like Trados, Deja Vu and Wordfast" border="0" width="100%" cellspacing="1" cellpadding="5" height="72">
<tr>
<td  colspan="4" class="catbg2" height="18"><img src="http://www.translatum.gr/forum/Themes/default/images/collapse.gif" border="0" />&nbsp;<u><font size="2">Sponsored translation links</font></u>
</td>
</tr>
<tr class="windowbg2">
<td class="windowbg" width="6%" align="center" valign="middle"><img src="xxxxxxxx/forum/Themes/default/images/off.gif" border="0" /></td>
<td align="left" valign="middle">
<script type="text/javascript"><!--
google_ad_client = "xxxxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "336699";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_url = "008000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>


<td valign="middle" align="center" style="width: 12ex; background-color: #DFDFDF">
<p align="center"><font size="1">1 Post in<br>1 Topic</font></td>
<td align="left" width="22%">
<font size="1">Last Post on April 04, 2005,<br>12:00:00 PM<br>in <u>English dictionary</u> by <u>Google</u></font></td>

</tr>
</table>
</div>';
}


This works great with my current theme as you notice.  www.shoyoroll.com/forum 
I would like to get it to work similar with your theme.

jasidog

#49
Ok try simply removing this part from the code you just posted. -

<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td id="bodyarea" style="padding: 1ex 20px 2ex 20px;">


So what you'll have instead is this, though it won't be in the same style as Endar as it's using HTML and CSS classes from the default theme. -

// The main content should go here.  A table is used because IE 6 just can't handle a div.
echo '

<div class="tborder">
<table summary="English Greek translation forum, help with French, German, Spanish, Italians language questions and terminology as well as technical help with common computer problems and translation memory tools like Trados, Deja Vu and Wordfast" border="0" width="100%" cellspacing="1" cellpadding="5" height="72">
<tr>
<td  colspan="4" class="catbg2" height="18"><img src="http://www.translatum.gr/forum/Themes/default/images/collapse.gif" border="0" />&nbsp;<u><font size="2">Sponsored translation links</font></u>
</td>
</tr>
<tr class="windowbg2">
<td class="windowbg" width="6%" align="center" valign="middle"><img src="xxxxxxxx/forum/Themes/default/images/off.gif" border="0" /></td>
<td align="left" valign="middle">
<script type="text/javascript"><!--
google_ad_client = "xxxxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "336699";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_url = "008000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>


<td valign="middle" align="center" style="width: 12ex; background-color: #DFDFDF">
<p align="center"><font size="1">1 Post in<br>1 Topic</font></td>
<td align="left" width="22%">
<font size="1">Last Post on April 04, 2005,<br>12:00:00 PM<br>in <u>English dictionary</u> by <u>Google</u></font></td>

</tr>
</table>
</div>
<br />';
}



Try that I think it should be ok. :)

Edit

If you just wanted the banner and nothing else this would suffice -

<div style="margin:0 auto;width:468px;">
<script type="text/javascript"><!--
google_ad_client = "xxxxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "336699";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_url = "008000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div><br />


If you want it to loook like a forum in the endar theme I could post some code up.  :)

trenchteam

#50
Yes! I would love that! I want it to look and feel like the Endar theme! ;D  Can you post some code up. 

I like the shades of brown, but Im planning on changing the green shades to another color.   Im in the process of attempting to do that now.  I really like how you customized this template.  Its fantastic! ;D

jasidog

Well I messed around a little and it doesn't really work that well as a fake forum. So I've made you a couple of different examples. In both you'll obviously need to add your Google client number.

This is a fake forum look,  maybe would work better with a table chuked in to keep the structure nice at certain resolutions. Even so I don't think it does (Or would.) look that good. The second option will be better I think.

echo'
<div class="border">
<h3 class="title">Sponsored translation links</h3>
<div class="row1">
<div class="left" style="width:78%;">
<img src="', $settings['images_url'], '/off.gif" alt="', $txt[334], '" title="', $txt[334], '" border="0" style="float:left;margin:7px 5px 0 0;" />
<script type="text/javascript"><!--
google_ad_client = "xxxxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "AD9C82";
google_color_bg = "E2DBBF";
google_color_link = "378E59";
google_color_url = "E9E4CD";
google_color_text = "553A00";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div class="right">
', $txt[22], ' ', $txt[30], '<br />
<em>April 04, 2005,<br />
', $txt['smf88'], ' English dictionary ', $txt[525], ' Google</em>
</div>
</div>
<div class="block-foot"><!--no content--></div>
</div>
<br />
';


This following second option in my oppinion is better -

echo'
<div class="border">
<h3 class="title">Sponsored translation links</h3>
<div class="row1">
<div style="width:468px;margin:0 auto;">
<script type="text/javascript"><!--
google_ad_client = "xxxxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "AD9C82";
google_color_bg = "E2DBBF";
google_color_link = "378E59";
google_color_url = "E2DBBF";
google_color_text = "553A00";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
<div class="block-foot"><!--no content--></div>
</div>
<br />
';

trenchteam

#52
When I did this under the main content area, the ad was placed above the header image. Is there anyway, to go under the section with the forum title.  I using the 2nd option. The first does not work too well. :)

Where is has the FORUM | SMF DEVELOPMENT | Graphics |

Right under that section have the banner ad.

trenchteam

#53
Actually, if I could get the ad inside the section where it has the news, that would be nice. I'll just use the fader for the news and the news box above it for the google adsense. ;D4


UPDATE: GOT IT WORKING! :) Doesnt look right though. :(

The Conspirator


jasidog

Quote from: trenchteam on August 27, 2005, 09:51:56 PM
Actually, if I could get the ad inside the section where it has the news, that would be nice. I'll just use the fader for the news and the news box above it for the google adsense. ;D4


UPDATE: GOT IT WORKING! :) Doesnt look right though. :(

Would you like me to post a file which has the box under the breadcrum navigation for you? Then all you'd need to do is replace the origonal.

Or do you still want it where the new would normally be? Does it just not look good there or is it a code issue?

trenchteam

Doesnt look good.  can you come up with something?  Even with the half banner that would be great.  At long as it shows up all the time no matter how they navigate, and it blends well with the template so it doesnt look like an eyesore.   I want it to be shown all the time though.   I hope that makes sense.  In the header somewhere would be great.  I average a bit over 150 a month, and that really helps with costs of the server, etc..... ;)  Got to get it seen, so I can get those clicks in! ;)

jasidog

Try this attachment out it's nothing spectacular but it should do the trick I think.

Just alter it with your Google client number (Around line 400.) then replace the original file.

trenchteam

wow, others beat me to my own download! they must be following this topic. Thanks! I'll let you know how it turns ouT! ;D

trenchteam

Can, you try adding that banner to hover on top of the sword image?  Like on SMF current default theme?  I can see the banner up there on the right corner of the header.  I think that would look much better.  My users tested what you have me, and they dont like the idea of having to scroll just to see the first forum.  If you cant do it, thats cool. I'll just wait it out.

Advertisement: