dre

Topic: Template modification tutorial v 1.8

Can someone with experience  make a tutorial  that explains how to make template modifications ?

For example, how do we put a google search box in sidebar   , or a text  ?


I found out that for modifing  job text  colour  we need to modify  in _templates/screen.css
#content a {
background-color:transparent;
color:#F6358A;       
padding:2px;

  #F6358A is the code for new color.

For modifying content text  size      open screen.css and look for
div#container {
    width:950px;
    text-align:left;
    font-size:1.2em;         (modify  until 1.4 em because  bigger text would get out of tables)

Last edited by dre (2009-10-27 21:15:49)

evertsemeijn

Re: Template modification tutorial v 1.8

If you want to modify a Jobberbase template some HTML and CSS skill is neccesary. One tool you can not go without is Firebug (for Firefox of course). With that you can easily select objects and find their CSS.

If you want to change the CSS you need to go to _templates/default/css/screen.css and change the code you want to change (obviously).

If you want to insert code or text you need to edit the .tpl files in _templates/default/. Make sure you wrap javascripts in {literal}{/literal} and php needs to be wrapped in {php}{/php}.

Javascript:

Code:
{literal}<script ...></script>{/literal}

PHP (don't use <?php and ?>):

Code:
{php}if else etc...{/php}
Member of Jobberbase Development Team - Templates/Usability

:: Looking for a jobboard installation and/or custom design? ::
evertsemeijn's Website

dre

Re: Template modification tutorial v 1.8

Can someone tell me where to look for  to modify  "About" link and "Widgets"?

evertsemeijn

Re: Template modification tutorial v 1.8

Try to login to the backend www.yourdomain.com/admin/ and click the 'Links' link in the top (right) menu. Must be listed there (if you're using Jobberbase 1.8).

Member of Jobberbase Development Team - Templates/Usability

:: Looking for a jobboard installation and/or custom design? ::
evertsemeijn's Website

dre

Re: Template modification tutorial v 1.8

thankyou  but where exactly are the pages "About" , "widget" located ? I want to modify their content.

Found them . Use phpmyadmin and modify the database links.



Another problem ,i want to modify the "post" link  , whe one that is called when you press the new job button.   I found it in header.tpl but when i modify  it  i get the  "the page cannot be found'. Anyone?

Last edited by dre (2009-10-31 23:40:29)

navjotjsingh

Re: Template modification tutorial v 1.8

About Page can be modified by Visiting Admin Section...check for Pages menu there. And if you are using v1.8, Widgets page can be modified from _templates/default/widgets.tpl file and if you are using v1.7 and below, you will need to modifiy it from Database only...modifying it from Admin section will damage it.

Post Job is a image and if you want to modify, check for code in screen.css file - you can modify its look from there.

And please keep the url intact. It should always point to www.yourjobboard.com/post/

navjotjsingh's Website

dre

Re: Template modification tutorial v 1.8

I understand, for the widgets i deleted the link from database.  As for the url ,is there a method to point as www.yourjobboard.com/publica/   ?

sltda

Re: Template modification tutorial v 1.8

how to add header banner to home page?
Please help me.

evertsemeijn

Re: Template modification tutorial v 1.8

Open _templates/default/header.tpl and paste te code in there depending on the location where you want it to show.

Member of Jobberbase Development Team - Templates/Usability

:: Looking for a jobboard installation and/or custom design? ::
evertsemeijn's Website

jimmmarks

Re: Template modification tutorial v 1.8

How to add header and footer to my site.

CUBAN CIGARS