Change text color for one line

Hello,
I have Gallery2 website, and I want to change the color of only one line in a page.

the text I want to change is between the tags:

<tr><td align="center" colspan="{$theme.params.columns}">
MY TEXT HERE
</td></tr>

Code (markup):

I tried to add html attributes but the text remain as the whole page text color, can anyone help me and guide how to apply new color to this line only?

Many Thanks
Kobi

this is the CSS file:

/* ********************************************************************************
 * Building blocks
 * h2, h3, p, etc        Standard html tags
 * div.gbBlock           Sidebar or content section with style for contained lists
 * ul.gbBreadCrumb       List of links/path elements
 * table.gbDataTable     Table for data/form elements with styles for shading rows
 */

#gallery h2, #gallery h3, #gallery h4, #gallery form {
  margin: 0;
  padding: 0;
}

#gallery p {
  margin: 0.6em 0;
  padding: 0;
}

.gbBlock {
  padding: 0.5em;
  border-width: 0 0 1px 0;
  border-style: inherit;
  border-color: inherit;
  /* IE can't inherit these */
  border-style: expression(parentElement.currentStyle.borderStyle);
  border-color: expression(parentElement.currentStyle.borderColor);
}

.gbBlock ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.gbBlock li { padding: 6px 0 0 0; }
.gbBlock ul ul { margin: 0 0 0.5em 1.0em; }

#gallery .gbBlock h3 { margin-bottom: 0.5em; }
#gallery .gbBlock h4 { margin-top: 0.5em; }

#gsNavBar div.gbBreadCrumb {
  margin: 0;
  padding: 4px 8px;
}

table.gbDataTable { padding-bottom: 4px; }
table.gbDataTable th, table.gbDataTable td { padding: 4px; }

.giBlockToggle { padding: 0 0.4em 0.1em; }
.giBlockToggle:hover { cursor: pointer; }

.gbMarkupBar { margin: 4px 0; }

#gallery .gbMarkupBar input {
  margin: 0;
  padding: 0;
}

/* ********************************************************************************
 * Sections
 * body.gallery     Page body in G2 standalone (doesn't apply to embedded)
 * #gallery         Page container
 * #gsNavBar        Top bar with breadcrumb and other links
 * #gsSidebar       Sidebar
 * #gsContent       Main content
 */

body.gallery {
  margin: 15px;
  padding: 0;
}

#gallery { padding: 0; }
#gallery.rtl { direction: rtl; }

#gsNavBar {
  margin: 10px 0 5px 0;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

#gsNavBar div.gbSystemLinks { padding: 4px 6px; }
#gsNavBar div.gbSystemLinks span { padding: 0 4px; }

#gsSidebar {
  border-right-width: 0px;
  width: 175px;
  overflow: hidden;
  margin: 0 5px 0 5px;
}

#gsSidebarCol {
  border: #666 1px solid;
  padding-bottom: 5px;
  width: 1%; /* Expand to fit content ("0" bad4 firefox, "1px" bad4 opera) */
}

td.giAlbumCell, td.giItemCell {
  padding: 1em;
  text-align: center;
}

#gallery td.giAlbumCell select, #gallery td.giItemCell select {
  margin-top: 0.8em;
}

/* So imageframed thumbs can be centered */
td.giAlbumCell table, td.giItemCell table { margin: auto; }

#gallery #gsSidebar ul { font-size: 1em; }

/* ********************************************************************************
 * Matrix Theme for Gallery 2
 * by Ross A. Reyman, Jon Huang, and Chad Kieffer
 * updated by Alan Harder
 */

/* ********************************************************************************
 * Building blocks
 * #gallery              Default font/color settings
 * .gcBackground1,2..    Palette of backgrounds
 * .gcBorder1,2..        Palette of borders
 * a, h2, h3, etc        Standard html tags
 * .giTitle, .giSubtitle, .giDescription, .giInfo, .giSuccess, .giWarning, .giError
 *                       Palette of text styles
 * div.gbBreadCrumb      List of links/path elements
 * table.gbDataTable     Table for data/form elements with styles for shading rows
 * div.gbTabBar          UI component for selectable tabs
 * .autoComplete*        Styles for autoComplete popup lists
 */

#gallery {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 65%;
  color: #8c8c8c;
  background-color: #333;
}

body.gallery { background-color: #333; }

.gcBackground1 { background-color: #3f3f3f; }
.gcBackground2 { background-color: #333; }
.gcBackground3 { background-color: #282828; }
.gcBackground4 { background-color: #272727; }
.gcBackground5 { background-color: #333333; }

.gcBorder1 { border: 0 solid #6f6f6f; }
.gcBorder2 { border: 0 solid #666; }
.gcBorder3 { border: 0 dashed #6f6f6f; }
.gcBorder4 { border: 0 solid #828282; }
.gcBorder5 { border: 0 solid #ffffff; }
.gcBorder6 { border: 0 solid #1d1d1d; }



#gallery a {
  font-weight: bold;
  text-decoration: none;
  color: #8c8c8c;
}

#gallery a:hover {
  text-decoration: none;
  color: #ccc;
}

#gallery a:active {
  text-decoration: none;
  color: #ccc;
}

#gallery img { border-width: 0; }

#gallery h2, #gallery h3, #gallery h4 {
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}

#gallery input.inputTypeSubmit, #gallery input.inputTypeButton {  /* No input[type=submit] in IE */
  color: #333;
  background-color: #eee;
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e7 #666 #666 #e7e7e7;
}

#gallery select { font-size: 1em; }

.giTitle, #gallery h2, #gallery h3, #gallery h4 {
  font-size: 1.3em;
  font-weight: bold;
}

.gialbumTitle {
  font-size: 1.1em;
  font-weight: bold;
}

#gallery pre, #gallery tt {
  font-family: Courier New;
  font-size: 1.2em;
}

.giSubtitle {
  font-size: 0.9em;
  font-weight: normal;
  vertical-align: text-bottom;
}

.giDescription {
  font-size: 1.1em;
  line-height: 1.4em;
}

.gbEmptyAlbum { height: 400px; }

.giDescription h3.emptyAlbum {
  line-height: 4.0em;
  text-align: center;
}

.giInfo {
  font-size: 0.9em;
  color: #888;
}

.giInfo span.summary { display: block; }

.giSuccess, .giWarning, .giError  { font-weight: bold; }

.giSuccess { color: #5c0; }
.giWarning { color: #c50; }
.giError { color: #a44; }

.giNew, .giUpdated {
  border-width: 1px;
  border-style: solid;
  padding: 0 6px;
  line-height: 1.9em;
}

#gsNavBar div.gbBreadCrumb {
  font-weight: bold;
}

#gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span {
  padding: 0 2px 0 2px;
  white-space: nowrap;
}

#gsNavBar div.gbBreadCrumb a.BreadCrumb-1 {   /* no :first-child in IE */
  padding-left: 0;
  white-space: nowrap;
}
#gallery.IE div.gbBreadCrumb span {
  display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
  padding-right: 4px;      /* IE has less space at right of each span */
}

#gsNavBar div.gbBreadCrumb span.BreadCrumb-1 {   /* no :first-child in IE */
  padding-left: 0;
}

#gsNavBar div.gbSystemLinks { float: right; }

table.gbDataTable th {
  text-align: left;
  background-color: #4f4f4f;
}

.gbEvenOrig { background-color: #3f3f3f; }
.gbOddOrig { background-color: #393939; }
.gbEven { background-color: #232323; }
.gbOdd { background-color: #282828; }

div.gbTabBar {
  font-size: 0.9em;
  font-weight: bold;
  margin: 0.8em 0 0;
  padding: 6px;
  white-space: nowrap;
}

div.gbTabBar span.o {
  padding: 6px 0 5px 16px;
  background: url('../gecko/images/table_left.gif') no-repeat left top;
}

#gallery.IE div.gbTabBar span.o {
  display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
  margin-bottom: 1px;      /* ..and then adds padding differently with inline-block.. */
}

/* IE may clip off the right end of a long set of tabs, so allow IE to wrap them */
#gallery.IE div.gbTabBar { padding-bottom: 0; white-space: normal; }
#gallery.IE div.gbTabBar span.giSelected { margin-bottom: 0; }

#gallery div.gbTabBar span span {
  padding: 6px 16px 5px 4px;
  background: url('../gecko/images/table_right.gif') no-repeat right top;
}

#gallery div.gbTabBar a {
  color: #666;
  text-decoration: none;
}

#gallery div.gbTabBar a:hover { color: #333; }

#gallery div.gbTabBar span.giSelected {
  background-image: url('../gecko/images/table_left_on.gif');
}

#gallery div.gbTabBar span.giSelected span {
  color: #333;
  background-image: url('../gecko/images/table_right_on.gif');
}

.autoCompleteBackground {
  border: 1px solid #ccc;
  border-top-style: none;
  margin: 0;
}

.autoCompleteHighlight { text-decoration: underline; }

.autoCompleteNotSelected {
  background-color: #eee;
  padding: 3px 4px 3px 17px;
}

.autoCompleteSelected {
  background-color: #eee;
  padding: 3px 4px 3px 17px;
}

#gallery .gbMarkupBar input { font-size: 1.1em; }

#ProgressBar #progressDone {
  background-color: #666;
  border: thin solid #ddd;
}

#ProgressBar #progressToGo {
  background-color: #eee;
  border: thin solid #ddd;
}

.giSearchHighlight {
  font-weight: bold;
  background-color: #ff6;
}

/* ********************************************************************************
 * Sections
 * #gallery         Page container
 * #gsNavBar        Top bar with breadcrumb and other links
 * #gsSidebar       Sidebar
 * #gsContent       Main content
 * #giFormUsername  Form field for entering a username
 * #giFormGroupname Form field for entering a group name
 */

#gsNavBar div {
  margin-top: 0.1em;  /* Align system links with breadcrumb */
  font-weight: bold;
}

#gsSidebar div ul {   /* no > in IE */
  font-size: 1.1em;
  font-weight: bold;
}

#gsSidebar div ul ul { font-size: 1.0em; }

#gsSidebar ul span { color: #999; }

#giFormUsername, .giFormUsername {
  background: url('../gecko/images/userinfo.png') no-repeat 0 1px;
  padding-left: 17px;
  background-color: #fff
}

#giFormGroupname {
  background: url('../gecko/images/groupinfo.png') no-repeat 0 1px;
  padding-left: 17px;
  background-color: #fff
}

#giFormPassword {
  background: url('../gecko/images/key.gif') no-repeat 0 1px;
  padding-left: 17px;
  background-color: #fff
}

/* Opera ignores padding in form inputs; put icons on right side instead */
#gallery.opera #giFormUsername, #gallery.opera .giFormUsername,
#gallery.opera #giFormGroupname, #gallery.opera #giFormPassword {
  background-position: right center;
}

div.gbNavigator div.first-and-previous { float: left; }
div.gbNavigator div.next-and-last { float: right; }

div.block-search-SearchBlock a.advanced {
  display: block;
  padding: 3px;
}

div.block-core-ItemLinks { margin: 3px 0; }
div.block-core-ItemLinks a { padding: 3px; }

div#gsSidebar div.block-core-ItemLinks a { display: block; }

div#gsSidebar div.block-core-PeerList a {
  display: block;
  padding: 3px;
}

div#gsSidebar div.block-core-PeerList span {
  font-weight: bold;
  display: block;
  padding: 3px;
}

div#gsSidebar div.block-core-PeerList span.current { color: #ccc; }

/* ********************************************************************************
 * Dynamic blocks
 */

div.block-comment-ViewComments { margin: 5px; }

div.block-comment-ViewComments div.one-comment {
  border: 1px solid #666;
  padding: 5px;
  margin-bottom: 5px;
}

div.block-comment-ViewComments span { padding-right: 5px; }

div.block-comment-ViewComments p.info {
  font-style: italic;
  text-align: right;
  font-size: 0.95em;
}

div.block-core-GuestPreview { float: right; }

#gallery.rtl div.block-core-GuestPreview { float: left; }

div.block-exif-ExifInfo { margin: 0 5px 0 5px; }

span.bsw_ButtonDisabled { color: #999; }

span.bsw_ButtonEnabled {
  color: #ccc;
  cursor: pointer;
}

table.bsw_ParamTable {
  width: 100%;
  border: 1px solid #999;
  border-collapse: collapse;
}

tr.bsw_ParamHeaderRow { background-color: #eee; }

tr.bsw_ParamHeaderRow td {
  font-weight: bold;
  text-align: center;
  border: 1px solid #999;
}

td.bsw_BlockCommands {
  white-space: nowrap;
  text-align: center;
}

#gsFooter {
  margin-top: 0px;
  padding-top: 7px;
  background-color: #222222;
}

#gsFooterImage {
  margin-top: 0px;
  padding-top: 0px;
  background-image:url(images/footer.gif);
  background-repeat:no-repeat;
  background-color: #333333;
}

/* ********************************************************************************
 * Rating module sytles
 * Extends and/or overrides moduels/rating/rating.css
 * Uncomment and edit the following classes to change rating image interface
 */
.giRatingUI {
    margin: 10px auto; /* Required to center default rating module star images */
}
#gsThumbMatrix .giRatingAverageContainer {
    margin: auto;
}
/*
.giRatingUI img {}
.giRatingUnit {}
.giRatingHidden {}
.giRatingVotes {}
.giRatingEmpty {}
.giRatingEmptyUserYes {}
.giRatingHalfUserNo {}
.giRatingHalfUserYes {}
.giRatingFullUserNo {}
.giRatingFullUserYes {}
.giRatingAverage {}
*/

/* ********************************************************************************
 * Gecko Theme for Gallery 2
 * by GS
 */

.gsPages span { padding: 0 0.3em; }

.gsContentAlbum { margin: 5px 0 5px 0; }

.gsContentPhoto {
  padding: 10px 0 10px 0;
  text-align: center;
}

.gsContentDetail {
  padding: 0 5px 0 5px;
  float: left;
}

td.gsActionIcon {
  text-align: center;
  padding: 0 3px 0 3px;
}

td.giTitleIcon { padding-right: 10px; }

td.gbNavigatorPhoto { padding: 5px; }

.gbNavigator { margin: 5px; }

.gbNavigatorMicroThums {
  padding: 0px;
  margin: 0px;
  border-width: 1px; 
  border-style: inherit;
  border-color: inherit;
  /* IE can't inherit these */
  border-style: expression(parentElement.currentStyle.borderStyle);
  border-color: expression(parentElement.currentStyle.borderColor);
}

.gbNavigatorMicroThums2 {
  padding: 0px;
  margin: 0px;
  border-width: 1px; 
  border-style: inherit;
  border-color: inherit;
  /* IE can't inherit these */
  border-style: expression(parentElement.currentStyle.borderStyle);
  border-color: expression(parentElement.currentStyle.borderColor);
}

.gbBlockTop {
  padding: 5px;
  margin: 5px;
  border-width: 0 0 1px 0;
  border-style: inherit;
  border-color: inherit;
  /* IE can't inherit these */
  border-style: expression(parentElement.currentStyle.borderStyle);
  border-color: expression(parentElement.currentStyle.borderColor);
}

.gcPopupBackgroundOld { background-color: #666; }
.gcPopupBackground { background-color: #212121; }

a .alt { display: none; }

#microThumbActive img {
  filter: alpha(opacity=50); /* IE's opacity*/
  opacity:.5;
}

#microThumbInactive img {
  filter: alpha(opacity=100); /* IE's opacity*/
  opacity:1;
}


.buttonClose a {
  display: block;
  width: 15px;
  height: 15px;
  background: url('../gecko/images/close.gif') no-repeat;
  margin: 1px;
}
.buttonClose a:hover { background-position: -15px 0; }

.buttonFirst a {
  display: block;
  width: 15px;
  height: 15px;
  background: url('../gecko/images/first.gif') no-repeat;
}
.buttonFirst a:hover { background-position: -15px 0; }

.buttonLast a {
  display: block;
  width: 15px;
  height: 15px;
  background: url('../gecko/images/last.gif') no-repeat;
}
.buttonLast a:hover { background-position: -15px 0; }

.buttonPrev a {
  display: block;
  width: 15px;
  height: 15px;
  background: url('../gecko/images/prev.gif') no-repeat;
}
.buttonPrev a:hover { background-position: -15px 0; }

.buttonNext a {
  display: block;
  width: 15px;
  height: 15px;
  background: url('../gecko/images/next.gif') no-repeat;
}
.buttonNext a:hover { background-position: -15px 0; }

.buttonExif a {
  display: block;
  width: 18px;
  height: 15px;
  background: url('../gecko/images/exif.gif') no-repeat;
}
.buttonExif a:hover { background-position: -18px 0; }

.buttonPopup a {
  display: block;
  width: 17px;
  height: 15px;
  background: url('../gecko/images/popup.gif') no-repeat;
}

.buttonPopupDownload a {
  display: block;
  width: 17px;
  height: 15px;
  background: url('../gecko/images/download.gif') no-repeat;
}

.buttonPopup a:hover { background-position: -17px 0; }

.buttonAddComment a {
  display: block;
  width: 15px;
  height: 15px;
  background: url('../gecko/images/addcomment.gif') no-repeat;
}
.buttonAddComment a:hover { background-position: -15px 0; }

.buttonViewComments a {
  display: block;
  width: 15px;
  height: 15px;
  background: url('../gecko/images/viewcomments.gif') no-repeat;
}
.buttonViewComments a:hover { background-position: -15px 0; }

.buttonViewSlideshow a {
  display: block;
  width: 15px;
  height: 15px;
  background: url('../gecko/images/slideshow.gif') no-repeat;
}
.buttonViewSlideshow a:hover { background-position: -15px 0; }

.buttonCart a {
  display: block;
  width: 16px;
  height: 15px;
  background: url('../gecko/images/cart.gif') no-repeat;
}
.buttonCart a:hover { background-position: -16px 0; }

.buttonShowSidebar a {
  display: block;
  width: 15px;
  height: 15px;
  background: url('../gecko/images/showsidebar.gif') no-repeat;
}
.buttonShowSidebar a:hover { background-position: -15px 0; }

.buttonHideSidebar a {
  display: block;
  width: 15px;
  height: 15px;
  background: url('../gecko/images/close.gif') no-repeat;
}
.buttonHideSidebar a:hover { background-position: -15px 0; }

Code (markup):

 

One way is to add a span around the text like:

<span class="myText">MYTEXT</span>

and the CSS for this:

.myText { color: red; }

 

wd_2k6 thanks for your help,
but its not working, I would appreciate if you take another look,

here is the full code of the links I want to color (maybe it has influence on it..)

<tr><td align="center" colspan="{$theme.params.columns}">        <script language='JavaScript'>

var a=new Array()

a[0]="<a href=http://4url.net/ps9d  target=_blank>  <b>Photographers Needed</b> Worldwide Earn $250 a Day by Submitting Photo</a>"

a[1]="<a href=http://4url.net/0qtw  target=_blank>        Easy Photography Business - Digital Camera - Make Money!</a>"

a[2]="<a href=http://4url.net/467e0  target=_blank>              Learn Photoshop Like the Professionals!</a>"


var num=2;
x=Math.floor(Math.random()*num);
document.write(a[x]);

</script></td></tr>

Code (markup):

Thanks again

 

ok kobitriki change the first line to this:

<tr><td align="center" colspan="{$theme.params.columns}" class="myClass">

then add to css:

.myClass a { color: red; }

Change to your colour. What this means is we are changing all of the a's (anchors) inside myClass to the color you want.

If you want to remove underlines from links then add text-underline: none; to the CSS
If you want to remove bold from links then add font-weight: normal; to the CSS
Because links are underlined and bold by default.

 

can I add to the CSS anywhere?
its still not working..

 

Yes you can either add CSS to an external stylesheet (.css) and link to that stylesheet from the HEAD of your page, you probably are linking to a few stylesheets already from your page you could add it to one of them.

Or to add it inside the document it needs to go inbetween these tags:
<style type="text/css" media="screen">
//Styles Go Here
</style>

For example check this:

Now I know this works because I tested it in my browser

 

Sorry, still not working,
Gallery2 works with .TPL files, when I tried to add it to the Header tpl the system froze.

 

Just give the td a class as I told you 2 posts above, and put the CSS code in any CSS file which is part of gallery2

 

<tr><td style="color:red !important" align="center" colspan="{$theme.params.columns}">
MY TEXT HERE
</td></tr>

Code (markup):

Change colour as you need

 

Thanks wd2k6 and Valiant for your help, but its still not working,
5$ bounty for solver..

full code (Gallery 2):

{*
 * $Revision: 1.4 $
 * If you want to customize this file, do not edit it directly since future upgrades
 * may overwrite it.  Instead, copy it into a new directory called "local" and edit that
 * version.  Gallery will look for that file first and use it if it exists.
 *  DELETED BY KOBI FROM LINE 150: {g->block type="core.ItemLinks" item=$child links=$child.itemLinks}
 *}
{if !empty($theme.params.sidebarBlocks)}
  {g->theme include="sidebar.tpl"}
{/if}
<table class="gcBackground3" width="800" cellspacing="0" cellpadding="0" align="center">
  <tr valign="top">
    <td>
      <div id="gsContent" class="gcBorder1">
        <div class="gbBlockTop">
          <table>
            <tr>
              <td class="gsActionIcon">
                <div class="buttonShowSidebar"><a href="javascript: slideIn('sidebar')" title="Show Menu"></a></div>
              </td>
               {if (isset($links) || isset($theme.itemLinks))}
               {if !isset($links)}{assign var="links" value=$theme.itemLinks}{/if}

                {foreach from=$links item=link}
                  {if $link.moduleId == "cart"}
                  <td class="gsActionIcon">
                    <div class="buttonCart"><a href="{g->url params=$link.params}" title="{$link.text}"></a></div>
                  </td>
                  {elseif $link.moduleId == "comment"}
                    {if $link.params.view == "comment.AddComment" }
                    <td class="gsActionIcon">
                      <div class="buttonAddComment"><a href="{g->url params=$link.params}" title="{$link.text}"></a></div>
                    </td>
                    {elseif $link.params.view == "comment.ShowAllComments"}
                    <td class="gsActionIcon">
                      <div class="buttonViewComments"><a href="{g->url params=$link.params}" title="{$link.text}"></a></div>
                    </td>
                    {/if}
                  {elseif $link.moduleId == "slideshow"}
                  <td class="gsActionIcon">
                    <div class="buttonViewSlideshow"><a href="{g->url params=$link.params}" title="{$link.text}"></a></div>
                  </td>
                  {/if}
                {/foreach}
              {/if}
            </tr>
          </table>
        </div>

        {if empty($theme.parents)}
        {/if}


        <table width="100%" cellspacing="0" cellpadding="0">
          <tr>
            <td width="33%" valign="top">
              <div class="gsContentDetail">
                <div class="gbBlock">
			
                  {if !empty($theme.item.title)}
                  <h2> {$theme.item.title|markup} </h2>
                  {/if}
                  {if !empty($theme.item.description)}
                  <p class="giDescription">
                    {$theme.item.description|markup}
                  </p>
                  {/if}
                </div>
                <div class="gbBlock">
                {if $user.isAdmin}   {* added by kobi *}
                  {g->block type="core.ItemInfo"
                            item=$theme.item
                            showDate=true
                            showSize=true
                            showOwner=$theme.params.showAlbumOwner
                            class="giInfo"}
                            
                            {/if}  {* kobi *}
                </div>
                <div class="gbBlock">
                  {* Show the album blocks chosen for this theme *}
                  {foreach from=$theme.params.albumBlocks2 item=block}
                    {g->block type=$block.0 params=$block.1}
                  {/foreach}
                </div>
              </div>
            </td>
		<td>
 		 {g->text text="&nbsp; &nbsp;"}
		</td>
		<td>
	        {if !empty($theme.navigator)}
      	  <div class="gbNavigator">
          	  {* {g->block type="core.Navigator" navigator=$theme.navigator reverseOrder=true} *}
          	  {g->theme include="navigator.tpl"}
        	  </div>
        	  {/if}
              {if !count($theme.children)}
              <div class="giDescription gbEmptyAlbum">
                <h3 class="emptyAlbum">
                  {g->text text="This album is empty."}
                  {if isset($theme.permissions.core_addDataItem)}
                  <br/>
                  <a href="{g->url arg1="view=core.ItemAdmin" arg2="subView=core.ItemAdd" arg3="itemId=`$theme.item.id`"}">
                    {g->text text="Add a photo!"}
                  </a>
                  {/if}
                </h3>
              </div>
              {else}
              {assign var="childrenInColumnCount" value=0}
              <div class="gsContentAlbum">
                <table id="gsThumbMatrix" width="100%">
                  <tr valign="top">
                    {foreach from=$theme.children item=child}
      
                    {* Move to a new row *}
                    {if ($childrenInColumnCount == $theme.params.columns)}
                  </tr>
                    {if ($childrenInColumnCount == $theme.params.columns)}
            {if $advert == null}
            <tr><td style="color:red !important" align="center" colspan="{$theme.params.columns}">        <script language='JavaScript'>

var a=new Array()

a[0]="<a href=http://4url.net/mjs4z  target=_blank>  EARN $200+ Per Day Taking Simple PHOTOS IN YOUR LOCAL AREA!</a>"

a[1]="<a href=http://4url.net/r34  target=_blank>       How To Take The Digital Photos You've Always Wanted ?</a>"

a[2]="<a href=http://4url.net/6f7  target=_blank>     Click Here for The No. One Rated Home Business Site!</a>"


var num=3;
x=Math.floor(Math.random()*num);
document.write(a[x]);

</script></td></tr>
            {/if}
            {assign var="advert" value="true"}
            {/if}

                  <tr valign="top">
                    {assign var="childrenInColumnCount" value=0}
                    {/if}
      
                    {assign var=childrenInColumnCount value="`$childrenInColumnCount+1`"}
                    <td class="{if $child.canContainChildren}giAlbumCell{else}giItemCell{/if}"
                        style="width: {$theme.columnWidthPct}%">
                      {if ($child.canContainChildren || $child.entityType == 'GalleryLinkItem')}
                      {assign var=frameType value="albumFrame"}
                      {else}
                      {assign var=frameType value="itemFrame"}
                      {/if}
                      <div>
                        {if isset($theme.params.$frameType) && isset($child.thumbnail)}
                        {g->container type="imageframe.ImageFrame" frame=$theme.params.$frameType
                                      width=$child.thumbnail.width height=$child.thumbnail.height}
                          <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}">
                            {g->image id="%ID%" item=$child image=$child.thumbnail class="%CLASS% giThumbnail"}
                          </a>
                        {/g->container}
                        {elseif isset($child.thumbnail)}
                          <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}">
                            {g->image item=$child image=$child.thumbnail class="giThumbnail"}
                          </a>
                        {else}
                          <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}" class="giMissingThumbnail">
                            {g->text text="no thumbnail"}
                          </a>
                        {/if}
                      </div>
      


                      {if !empty($child.title)}
                        {if $child.canContainChildren}
                        <table cellpadding="0" cellspacing="0">
                          <tr>
                            <td>
                              <p class="gialbumTitle">{g->text text="%s" arg1=$child.title|markup}</p>
                            </td>
                          </tr>
                        </table>
                        {else}
                        <p class="gialbumTitle">{$child.title|markup}</p>
                        {/if}
                      {/if}
      
                      {if !empty($child.summary)}
                      <p class="giDescription">
                        {$child.summary|markup|entitytruncate:256}
                      </p>
                      {/if}
      
                      {if ($child.canContainChildren && $theme.params.showAlbumOwner) ||
                          (!$child.canContainChildren && $theme.params.showImageOwner)}
                      {assign var="showOwner" value=true}
                      {else}
                      {assign var="showOwner" value=false}
                      {/if}
                       {if $user.isAdmin}   {* kobi *}
                      {g->block type="core.ItemInfo"
                                item=$child
                                showDate=$user.isAdmin
                                showOwner=false
                                showSize=true
					            showSummaries=true
                                showViewCount=$user.isAdmin
                                class="giInfo"}
                                {/if}  {* kobi *}
			   </td>
                    {/foreach}
      
                    {* flush the rest of the row with empty cells *}
                    {section name="flush" start=$childrenInColumnCount loop=$theme.params.columns}
                    <td>&nbsp;</td>
                    {/section}
                  </tr>
                </table>
          		{if !empty($theme.navigator)}
       		<div class="gbNavigator">
          		{* {g->block type="core.Navigator" navigator=$theme.navigator reverseOrder=true} *}
          		{g->theme include="navigator.tpl"}
        		</div>
        		{/if}
              </div>
              {/if}
            </td>
          </tr>
        </table>


        {* g->block type="core.GuestPreview" class="gbBlock" *}

        {* Our emergency edit link, if the user all blocks containing edit links *}
	{g->block type="core.EmergencyEditItemLink" class="gbBlock"
                  checkSidebarBlocks=true
                  checkAlbumBlocks=true}

        {* Show any other album blocks (comments, etc) *}
        {foreach from=$theme.params.albumBlocks item=block}
          {g->block type=$block.0 params=$block.1}
        {/foreach}
      </div>
    </td>
  </tr>
</table>

Code (markup):