Changeset 11679


Ignore:
Timestamp:
Jul 9, 2011, 7:12:39 PM (10 years ago)
Author:
flop25
Message:

custom navigation bar
menu switch works according to the config and at the first run
custom album tittle color

Location:
extensions/stripped_black_bloc
Files:
1 added
5 edited

Legend:

Unmodified
Added
Removed
  • extensions/stripped_black_bloc/local_head.tpl

    r11677 r11679  
    33{html_head}{literal}
    44<script type="text/javascript">
     5/**
     6* jQuery Cookie plugin
     7*
     8* Copyright (c) 2010 Klaus Hartl (stilbuero.de)
     9* Dual licensed under the MIT and GPL licenses:
     10* http://www.opensource.org/licenses/mit-license.php
     11* http://www.gnu.org/licenses/gpl.html
     12*
     13*/
     14jQuery.cookie = function (key, value, options) {
     15
     16    // key and at least value given, set cookie...
     17    if (arguments.length > 1 && String(value) !== "[object Object]") {
     18        options = jQuery.extend({}, options);
     19
     20        if (value === null || value === undefined) {
     21            options.expires = -1;
     22        }
     23
     24        if (typeof options.expires === 'number') {
     25            var days = options.expires, t = options.expires = new Date();
     26            t.setDate(t.getDate() + days);
     27        }
     28
     29        value = String(value);
     30
     31        return (document.cookie = [
     32            encodeURIComponent(key), '=',
     33            options.raw ? value : encodeURIComponent(value),
     34            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
     35            options.path ? '; path=' + options.path : '',
     36            options.domain ? '; domain=' + options.domain : '',
     37            options.secure ? '; secure' : ''
     38        ].join(''));
     39    }
     40
     41    // key and possibly options given, get cookie...
     42    options = value || {};
     43    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
     44    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
     45};
    546function tnb_resize() {
    647        $('#subcontent').masonry({
    7                 singleMode: true,
    8                 columnWidth: 200,
    9                 itemSelector: '.bloc',
    10                 animate: true
     48                columnWidth: 170,
     49                itemSelector: '.bloc, .content_block, .bloc_stuff',
     50                isAnimated: true
    1151        });
    12 
    1352}
    1453jQuery(document).ready(function(jQuery){
    15        
    1654        jQuery(".bloc a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
    1755        var sidemenu = jQuery.cookie('side-menu');
    1856        var isdisplayed;
    1957                // if cookie says the menu is hiding, keep it hidden!
     58        {/literal} {if $stripped.hideMenu} {literal}
     59        if (sidemenu == 'showing') {
     60                jQuery("#subcontent").css({'margin-left' : '20em'});
     61                isdisplayed=true;
     62        }
     63        else {
     64                jQuery("#subcontent").css({'margin-left' : '0'});
     65                isdisplayed=false;
     66        }
     67        {/literal} {else} {literal}
    2068        if (sidemenu == 'hiding') {
    2169                jQuery("#subcontent").css({'margin-left' : '0'});
    2270                isdisplayed=false;
    2371        }
    24         if (sidemenu == 'showing') {
     72        else {
    2573                jQuery("#subcontent").css({'margin-left' : '20em'});
    2674                isdisplayed=true;
    2775        }
     76        {/literal} {/if} {literal}
    2877        // creates a variable with the contents of the cookie side-menu
    2978        jQuery("#menuswitcher").click(function(){
     
    3685                }
    3786        });
     87        tnb_resize();
    3888
    39         jQuery('#subcontent').masonry({
    40                   singleMode: true,
    41                 columnWidth: 200,
    42                 itemSelector: '.bloc',
    43                 animate: true
    44         });
    4589});
    4690  </script>
  • extensions/stripped_black_bloc/template/mainpage_categories.tpl

    r11677 r11679  
    11  {foreach from=$category_thumbnails item=cat}
    2         <div class="bloc">
     2        <div class="bloc album">
    33                        <a href="{$cat.URL}" style="background: url({$cat.TN_SRC}) no-repeat scroll center center transparent; height: {$cat.TN_HEIGHT}px; width: {$cat.TN_WIDTH}px; opacity: 0.75; max-width:150px;" >
    44                                {$cat.NAME}
  • extensions/stripped_black_bloc/template/stuffs_blocks.tpl

    r10851 r11679  
    11{foreach from=$blocks item=block key=key}
    2     <div id="stuffs_block_{$block.ID}" class="content bloc {$block.CLASS} {$block.TEMPLATE|replace:'.tpl':''}" {if !empty($block.WIDTH)}style="width: {$block.WIDTH}%;"{/if}>
     2    <div id="stuffs_block_{$block.ID}" class="content bloc_stuff {$block.CLASS} {$block.TEMPLATE|replace:'.tpl':''}" {if !empty($block.WIDTH)}style="width: {$block.WIDTH}%;"{/if}>
    33    {if isset($block.TITLE)}
    44      <div class="titrePage">
  • extensions/stripped_black_bloc/theme.css

    r11677 r11679  
    2929*/
    3030 #subcontent {
    31     min-height: 466px;
     31    min-height: 490px;
    3232                display:block;
    3333}
     
    3939    width: 18em;
    4040
    41 
     41.stuffs_thumbnails .bloc {
     42        position:relative !important;
     43        top:auto !important;
     44        left:auto !important;
     45}
     46.stuffs_thumbnails .bloc {
     47    display: inline-block !important;
     48}
     49.stuffs_thumbnails {
     50        width:400px;
     51}
     52.stuffs_thumbnails #thumbnails {
     53        margin:0;
     54}
     55#thePicturePage .stuffs_thumbnails {
     56        width:auto;
     57}
    4258.bloc {
    4359    display: block;
     
    4561    padding: 5px;
    4662    width: 150px;
     63                z-index:999;
     64}
     65.content_block {
     66        z-index:999;
    4767}
    4868.bloc * {
     
    5070}
    5171.bloc .title {
    52             color: #FFFFFF;
    5372    left: 6px;
    5473    max-width: 138px !important;
     
    5776    top: 6px;
    5877    z-index: 1;
    59     background-image: url("img/btn.png");
    60     border-radius: 5px 5px 5px 5px;
    6178    cursor: pointer;
    6279    display: block;
    6380    float: left;
    64     font-family: Helvetica,Arial,sans-serif;
    65     font-size: 9px;
    66     font-weight: bold;
    6781    margin-right: 5px;
    6882    padding: 7px 10px 8px;
    69     text-align: center;
    70     text-decoration: none;
    71     text-transform: uppercase;
    72     white-space: normal;
    7383}
    7484.bloc a {
    75     border-radius: 5px 5px 5px 5px;
    7685    display: block;
    7786    overflow: hidden;
     
    8089    width: 160px;
    8190}
    82 /** color **/
     91.nav_bulle {
     92    font-size: 9px;
     93    font-weight: bold;
     94    margin-right: 5px;
     95    padding: 7px 10px 8px;
     96}
     97#thumb_navigation {
     98        display:none
     99}
     100/****************
     101 color backgroung etc
     102 ************************/
    83103body {
    84104    background-color: #1E1E1E;
     
    91111    text-decoration: none;
    92112}
     113.bloc .title, .nav_bulle {
     114        color: #FFFFFF;
     115        background-image: url("img/btn.png");
     116        border-radius: 5px 5px 5px 5px;
     117        font-family: Helvetica,Arial,sans-serif;
     118        font-size: 9px;
     119        font-weight: bold;
     120        text-align: center;
     121        text-decoration: none;
     122        text-transform: uppercase;
     123        white-space: normal;
     124
     125}
     126.bloc a {
     127    border-radius: 5px 5px 5px 5px;
     128}
    93129#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
    94130  background: transparent
    95131}
    96 #theHeader, .titrePage, .titrePage a {
     132#theHeader, .titrePage, .titrePage a, .footer_login a, .navigationBar a {
    97133    color: #E6554F;
    98134}
     135.album .title {
     136        color:#F8CDCB;
     137}
     138
     139.content_block .additional_info {
     140        color:inherit;
     141}
  • extensions/stripped_black_bloc/themeconf.inc.php

    r11677 r11679  
    11<?php
    22/*
    3 Theme Name: stripped_black_bloc
     3Theme Name: Stripped & Columns
    44Version: 0
    55Description: stripped_black_bloc
Note: See TracChangeset for help on using the changeset viewer.