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

Тема в разделе "Как сделать...", создана пользователем Mitchellzzz, 10 мар 2012.

  1. Mitchellzzz

    Mitchellzzz Создатель

    Регистр.:
    7 янв 2009
    Сообщения:
    47
    Симпатии:
    1
    Ребят не раз выручали , помогите , воткнуть баннер (точнее код с тизерами). Не могу понять куда вставлять
    [​IMG]
    PHP:
    {*
    $Revision16387 $
    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)}
                    <
    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==&& 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 (commentsexif 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>
     
  2. genexo

    genexo Писатель

    Регистр.:
    6 ноя 2007
    Сообщения:
    9
    Симпатии:
    1
    Как я предполагаю:
    PHP:
      <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 нравится это.
  3. Mitchellzzz

    Mitchellzzz Создатель

    Регистр.:
    7 янв 2009
    Сообщения:
    47
    Симпатии:
    1
    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;
    }
     
    
    Попробовал не пашет, может отступил мало ?