Помогите воткнуть баннер в gallery2

[Mitchellzzz]

Ребят не раз выручали , помогите , воткнуть баннер (точнее код с тизерами). Не могу понять куда вставлять

{*
* $Revision: 16387 $
* Read this before changing templates!  http://codex.gallery2.org/Gallery2:Editing_Templates
*}
{if !empty($theme.imageViews)}
{assign var="image" value=$theme.imageViews[$theme.imageViewsIndex]}
{/if}
<table width="100%" cellspacing="0" cellpadding="0">
  <tr valign="top">
    {if !empty($theme.params.sidebarBlocks)}
    <td id="gsSidebarCol">
      {g->theme include="sidebar.tpl"}
    </td>
    {/if}
    <td>
      <div id="gsContent">
      <div class="gbBlock gcBackground1">
          <table width="100%">
            <tr>
              <td>
                {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}
              </td>
              <td style="width: 30%">
                {g->block type="core.ItemInfo"
                          item=$theme.item
                          showDate=true
                          showOwner=$theme.params.showImageOwner
                          class="giInfo"}
                {g->block type="core.PhotoSizes" class="giInfo"}
              </td>
            </tr>
          </table>
        </div>
 
        {if !empty($theme.navigator)}
        <div class="gbBlock gcBackground2 gbNavigator">
          {g->block type="core.Navigator" navigator=$theme.navigator reverseOrder=true}
        </div>
        {/if}
 
        <div id="gsImageView" class="gbBlock">
          {if !empty($theme.imageViews)}
        {capture name="fallback"}
        <a href="{g->url arg1="view=core.DownloadItem" arg2="itemId=`$theme.item.id`"
                forceFullUrl=true forceSessionId=true}">
          {g->text text="Download %s" arg1=$theme.sourceImage.itemTypeName.1}
        </a>
        {/capture}
 
        {if $image.viewInline}
          {if count($theme.imageViews) > 1}
        {capture assign="imageViewLink"}
        {if $theme.imageViewsIndex==1 && count($theme.imageViews)==2}
          <a href="{g->url params=$theme.pageUrl arg1="itemId=`$theme.item.id`"}">
        {else}
          {assign var="imageViewsLink" value=$theme.imageViewsIndex+1}
          {if $imageViewsLink==count($theme.imageViews)}
            {assign var="imageViewsLink" value=$theme.imageViewsIndex-1}
          {/if}
          <a href="{g->url params=$theme.pageUrl arg1="itemId=`$theme.item.id`"
                  arg2="imageViewsIndex=`$imageViewsLink`"}">
        {/if}
        {/capture}
          {/if}
          {if isset($theme.photoFrame)}
        {g->container type="imageframe.ImageFrame" frame=$theme.photoFrame
                  width=$image.width height=$image.height}
                  {if isset($imageViewLink)}{$imageViewLink}{/if}
          {g->image id="%ID%" item=$theme.item image=$image
                fallback=$smarty.capture.fallback class="%CLASS%"}
          {if isset($imageViewLink)}</a>{/if}
        {/g->container}
          {else}
        {if isset($imageViewLink)}{$imageViewLink}{/if}
        {g->image item=$theme.item image=$image fallback=$smarty.capture.fallback}
        {if isset($imageViewLink)}</a>{/if}
          {/if}
        {else}
          {$smarty.capture.fallback}
        {/if}
          {else}
            {g->text text="There is nothing to view for this item."}
          {/if}
        </div>
 
    {if $theme.pageUrl.view != 'core.ShowItem' && $theme.params.dynamicLinks == 'jumplink'}
    <div class="gbBlock">
      <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$theme.item.id`"}">
        {g->text text="View in original album"}
      </a>
    </div>
    {/if}
 
        {* Download link for item in original format *}
        {if !empty($theme.sourceImage) && $theme.sourceImage.mimeType != $theme.item.mimeType}
        <div class="gbBlock">
          <a href="{g->url arg1="view=core.DownloadItem" arg2="itemId=`$theme.item.id`"}">
            {g->text text="Download %s in original format" arg1=$theme.sourceImage.itemTypeName.1}
          </a>
        </div>
        {/if}
 
        {* Show any other photo blocks (comments, exif etc) *}
        {foreach from=$theme.params.photoBlocks item=block}
          {g->block type=$block.0 params=$block.1}
        {/foreach}
 
        {if !empty($theme.navigator)}
        <div class="gbBlock gcBackground2 gbNavigator">
          {g->block type="core.Navigator" navigator=$theme.navigator reverseOrder=true}
        </div>
        {/if}
 
        {g->block type="core.GuestPreview" class="gbBlock"}
 
    {* Our emergency edit link, if the user removes all blocks containing edit links *}
    {g->block type="core.EmergencyEditItemLink" class="gbBlock" checkBlocks="sidebar,photo"}
      </div>
    </td>
  </tr>
</table>

 

[genexo]

Как я предполагаю:

  <div class="gbBlock">
      <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$theme.item.id`"}">
        {g->text text="View in original album"}
      </a>
                        <!-- Начнем --!>
      <div id = "yourID" style="">
        <!-- Ваш контент --!>
</div>
    </div>[/ PHP]
Придется немного поиграться с CSS, чтобы блок с картинкой подвинулся и пустил блок с тизерами

 

[Mitchellzzz]

genexо ГРОМАДНОЕ спасибо , кончено, совсем нагло, но может мне кто-нибудь поможет воткнуть рамку размером 339х518рх

Я начал так

.bannerP {
    border: 1px ff0000;
    margin-left: 350px; - по правде  я  понятия не имею как сдлеать точный отступ
    height: 339px;
    width: 518px;
}

Тогда в вышенаписанном немного исправлю на

, так ?


Сам CSS

/* ********************************************************************************
* 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.7em;
    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);
}
 
.bannerP {
    border: 1px ff0000;
    margin-left: 350px;
    height: 339px;
    width: 518px;
}
 
.gbBlock ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
 
.gbBlock ul ul {
    margin: 0 0 0.5em 1.0em;
}
 
.gbBlock li {
    padding: 6px 0 0 0;
}
 
#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: 0;
    padding: 0;
}
 
#gallery {
    padding: 8px;
}
#gallery.rtl {
    direction: rtl;
}
 
#gsNavBar {
    border-top-width: 1px;
    border-bottom-width: 1px;
}
 
#gsNavBar div.gbSystemLinks {
    padding: 4px 6px;
}
 
#gsNavBar div.gbSystemLinks span {
    padding: 0 4px;
}
 
#gsSidebar {
    border-right-width: 1px;
    width: 240px;
    overflow: hidden;
}
#gsSidebarCol {
    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;
}
 
#gsPages span {
    padding: 0 0.3em;
}
 
#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: 62.5%;
    color: #333;
    background-color: #fff;
}
body.gallery {
    background-color: #fff;
}
 
.gcBackground1 {
    background-color: #eee;
}
 
.gcBackground2 {
    background-color: #e7e7e7;
}
 
.gcBorder1 {
    border: 0 solid #ccc;
}
 
.gcBorder2 {
    border: 0 solid #888;
}
 
#gallery a {
    font-weight: bold;
    text-decoration: none;
    color: #6b8cb7;
}
#gallery a:hover {
    text-decoration: underline;
    color: #f4560f;
}
#gallery a:active {
    text-decoration: none;
    color: #f9c190;
}
 
#gallery img {
    border-width: 0;
}
 
#gallery h2, #gallery h3, #gallery h4 {
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}
 
#gallery input:focus, #gallery textarea:focus {
    background-color: #ffc;
    color: #000;
}
 
#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;
}
 
#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;
}
 
.giSuccess, .giWarning, .giError  {
    font-weight: bold;
}
 
.giSuccess { color: #5c0; }
.giWarning { color: #c50; }
.giError { color: #a44; }
 
.giNew, .giUpdated {
    border-width: 2px;
    border-style: ridge;
    padding: 0 6px;
    line-height: 1.9em;
}
 
#gsNavBar div.gbBreadCrumb {
    font-size: 1.1em;
    font-weight: bold;
}
 
#gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span {
    padding: 0 0 0 14px;
    background: url('images/icon_path_separator.gif') no-repeat left;
}
 
#gsNavBar div.gbBreadCrumb a.BreadCrumb-1 {  /* no :first-child in IE */
    padding-left: 0;
    background-image: none;
    white-space: nowrap;
}
 
#gsThumbMatrix {
    width: 100%;
}
 
#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;
    background-image: none;
}
 
#gsNavBar div.gbSystemLinks {
  float: right;
}
 
table.gbDataTable th {
    text-align: left;
    background-color: #e7e7e7;
}
 
.gbEven {
    background-color: #fff;
}
 
.gbBusy {
    background-color: #78D478 !important;
}
 
.gbOdd {
    background-color: #eee;
}
 
 
div.gbTabBar {
    font-size: 0.9em;
    font-weight: bold;
    margin: 0.8em 0 0;
    padding: 6px;
    background: url('../matrix/images/tab_bg.gif') repeat-x bottom;
    white-space: nowrap;
}
 
div.gbTabBar span.o {
    padding: 6px 0 5px 8px;
    background: url('../matrix/images/tab_left.jpg') 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 12px 5px 4px;
    background: url('../matrix/images/tab_right.jpg') no-repeat right top;
}
 
#gallery div.gbTabBar a {
    color: #777;
    text-decoration: none;
}
 
#gallery div.gbTabBar a:hover {
    color: #333;
}
 
#gallery div.gbTabBar span.giSelected {
    padding-bottom: 6px;
    background-image: url('../matrix/images/tab_left_on.jpg');
}
 
#gallery div.gbTabBar span.giSelected span {
    color: #333;
    padding-bottom: 6px;
    background-image: url('../matrix/images/tab_right_on.jpg');
}
 
.autoCompleteShadow {
    background-color: #a0a0a0 !important;
}
 
.autoCompleteContainer {
    border-color: #404040 #404040 #080;
    background-color: #fff;
}
 
.autoCompleteContainer li.yui-ac-highlight {
    background-color: #eee;
}
 
#gallery .gbMarkupBar input {
    font-size: 1.1em;
}
 
.giSearchHighlight {
    font-weight: bold;
    background-color: #ff6;
}
 
 
/* ********************************************************************************
* Sections
* #gallery        Page container
* #gsNavBar  Top bar with breadcrumb and other links
* #gsSidebar      Sidebar
* #gsContent      Main content
*/
 
#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;
}
 
div.gbNavigator div.next-and-last {
  float: right;
}
div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: right;
}
 
div.gbNavigator a.first {
  padding-left: 27px;
  background: url('images/nav_first.gif') left no-repeat;
}
 
div.gbNavigator a.previous {
  padding-left: 27px;
  background: url('images/nav_prev.gif') left no-repeat;
}
 
div.gbNavigator a.next {
  padding-right: 27px;
  background: url('images/nav_next.gif') right no-repeat;
}
 
div.gbNavigator a.last {
  padding-right: 27px;
  background: url('images/nav_last.gif') right no-repeat;
}
 
div.gbNavigator div.first-and-previous img {
  vertical-align: middle;
  padding-right: 0.5em;
}
div.gbNavigator div.next-and-last img {
  vertical-align: middle;
  padding-left: 0.5em;
}
 
#gallery.rtl div.gbNavigator div.next-and-last {
  float: left;
}
#gallery.rtl div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: left;
}
#gallery.rtl div.gbNavigator div.first-and-previous {
  text-align: right;
}
/* Both IE and Gecko have bugs with omitting padding on rtl inline content */
#gallery.IE.rtl div.gbNavigator a {
  display: inline-block;
}
#gallery.gecko.rtl div.gbNavigator a {
  display: -moz-inline-box;
}
 
#gallery.rtl div.gbNavigator a.first {
  padding: 0 27px 0 0;
  background: url('images/nav_last.gif') right no-repeat;
}
#gallery.rtl div.gbNavigator a.previous {
  padding: 0 27px 0 0;
  background: url('images/nav_next.gif') right no-repeat;
}
#gallery.rtl div.gbNavigator a.next {
  padding: 0 0 0 27px;
  background: url('images/nav_prev.gif') left no-repeat;
}
#gallery.rtl div.gbNavigator a.last {
  padding: 0 0 0 27px;
  background: url('images/nav_first.gif') left no-repeat;
}
#gallery.rtl div.gbNavigator div.first-and-previous img {
  padding: 0 0 0 0.5em;
}
#gallery.rtl div.gbNavigator div.next-and-last img {
  padding: 0 0.5em 0 0;
}
 
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: #0b6cff;
}
 
/* ***************************************************** */
/*                  Dynamic blocks                      */
/* ***************************************************** */
 
div.block-comment-ViewComments {
  margin: 5px;
}
 
div.block-comment-ViewComments div.one-comment {
  border: 1px solid #e7e7e7;
  padding: 5px;
  margin-bottom: 5px;
}
 
div.block-comment-ViewComments h3 {
}
 
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;
}
 
span.block-core-SystemLink {
}
 
div.block-exif-ExifInfo {
  margin: 5px;
}
 
span.bsw_ButtonDisabled {
  color: #999;
}
 
span.bsw_ButtonEnabled {
  color: #000;
  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 {
  padding-top: 4px;
}
 
/* ********************************************************************************
* Rating module style fix for Matrix
*/
.giRatingUI {
    margin: 10px auto; /* Required to center default rating module star images */
}
#gsThumbMatrix .giRatingAverageContainer {
    margin: auto;
}

Попробовал не пашет, может отступил мало ?