Text only | Text with Images

Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: YHD on March 07, 2011, 12:04:05 PM

Title: Touch
Post by: YHD on March 07, 2011, 12:04:05 PM
Link to the theme (http://custom.simplemachines.org/themes/index.php?lemma=2353)
(http://custom.simplemachines.org/themes/index.php/action,download/lemma,2353/image,thumb)

Touch - 2.0 RC5 my first theme.

Live demo (http://www.skinmod.eu/team/index.html)

Support (http://www.skinmod.eu)
Title: Re: Touch
Post by: Crip on March 07, 2011, 02:55:41 PM
Really nice Theme. ;D
Title: Re: Touch
Post by: Bigguy on March 07, 2011, 03:07:36 PM
Nice work for sure. :)
Title: Re: Touch
Post by: Matthew K. on March 07, 2011, 03:08:40 PM
+1
Quote from: Bigguy on March 07, 2011, 03:07:36 PM
Nice work for sure. :)
Title: Re: Touch
Post by: plazma85 on March 10, 2011, 07:24:16 AM
mhm i got a scarry bug

se same http://www.wowstreams.de/index.php

i use with simpleportal 2.3.3

how can i fix this?
Title: Re: Touch
Post by: Bigguy on March 10, 2011, 07:51:03 AM
I don't see anything wrong with your site. Can you be more specific. ???
Title: Re: Touch
Post by: Joker™ on March 10, 2011, 09:40:26 AM
Great work.
Title: Re: Touch
Post by: Matthew K. on March 10, 2011, 12:59:44 PM
Neither do I...
Quote from: Bigguy on March 10, 2011, 07:51:03 AM
I don't see anything wrong with your site. Can you be more specific. ???
Title: Re: Touch
Post by: plazma85 on March 10, 2011, 03:30:01 PM
http://img38.imageshack.us/i/kapott.jpg/

you see it?
Title: Re: Touch
Post by: Bigguy on March 10, 2011, 04:06:43 PM
copy the portal.css file from where it is to the css folder in the theme you are using. It's probably in the default .css folder
Title: Re: Touch
Post by: lmbuehrer on March 11, 2011, 07:51:06 PM
Using this! I love it! I like how when you click my profile it drops down!!
Title: Re: Touch
Post by: Soulmaster on March 12, 2011, 10:26:21 PM
really a great theme but... howto make pulldown menus ?
Title: Re: Touch
Post by: kenet on March 16, 2011, 04:34:36 AM
Search:

Code Select
// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
   global $context, $settings, $options, $scripturl, $txt;

   echo '
      <div id="main_menu">
         <ul class="menu_touch">';
         foreach ($context['menu_buttons'] as $act => $button)
         echo '
            <li id="button_', $act, '"><a class="', $button['active_button'] ? 'current ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '><b>', $button['title'], '</b></a></li>';

      echo '
         </ul>
      </div>';
}

Replaced by:

Code Select
// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
   global $context, $settings, $options, $scripturl, $txt;

   echo '
      <div id="main_menu">
         <ul class="menu_touch">';
         
   foreach ($context['menu_buttons'] as $act => $button)
   {
      echo '
            <li id="button_', $act, '">
               <a class="', $button['active_button'] ? 'active ' : '', 'current" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
                  <b>', $button['title'], '</b>
               </a>';
      if (!empty($button['sub_buttons']))
      {
         echo '
               <ul>';

         foreach ($button['sub_buttons'] as $childbutton)
         {
            echo '
                  <li>
                     <a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
                        <span', isset($childbutton['is_last']) ? ' class="last"' : '', '>', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</span>
                     </a>';
            // 3rd level menus
            if (!empty($childbutton['sub_buttons']))
            {
               echo '
                     <ul>';

               foreach ($childbutton['sub_buttons'] as $grandchildbutton)
                  echo '
                        <li>
                           <a href="', $grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' . $grandchildbutton['target'] . '"' : '', '>
                              <span', isset($grandchildbutton['is_last']) ? ' class="last"' : '', '>', $grandchildbutton['title'], '</span>
                           </a>
                        </li>';

               echo '
                     </ul>';
            }

            echo '
                  </li>';
         }
            echo '
               </ul>';
      }
      echo '
            </li>';
   }

   echo '
         </ul>
      </div>';
}

Open your index.css
Search:

Code Select
.menu_touch li a:hover b {
   background:url(../images/theme/menu_e.gif) no-repeat right top;
}


Then add:

Code Select
/* The dropdown menu - Touch */

.menu_touch li ul {
   background: #f2f2f2;
   padding: 0;
   border-left: 1px solid #293D4F;
   border-right: 1px solid #293D4F;
   border-bottom: 1px solid #293D4F;
   display: none;
   height: auto;
   filter: alpha(opacity=95);
  opacity: 0.95;
  top: 45px;
  position: absolute;
  width: 225px;
  z-index: 200;
}
.menu_touch li:hover ul {
   display: block;
}
.menu_touch li li {
   display: block;
   float: none;
   width: 225px;
}
.menu_touch li ul a {
   background: none;
   padding: 0 5px;
   float: none;
   text-align: left;
}
.menu_touch li ul a:hover {
   background: #cdcdcd;
   color: #006699;
   opacity: 1.0;
   filter: alpha(opacity=100);
}
/* ------- End Menu - Touch ------- */

credit: YIHAD
Title: Re: Touch
Post by: Soulmaster on March 16, 2011, 06:48:29 PM
tnx :)
Title: Re: Touch
Post by: Soulmaster on March 17, 2011, 08:49:27 AM
great :) it works :) www.bliksemdetectie.nl   

but now a other question to make this great theme even better. 

is it possible to make in the right uppercorner before of behind search a facebook and twitter icon? and than put the urls for it in the theme account.
Title: Re: Touch
Post by: Soulmaster on April 11, 2011, 06:35:32 AM
question.

I'm having this error :

Code Select



http://www.bliksemdetectie.nl/index.php?topic=10550.0;prev_next=next
8: Undefined index: href
==>306:                <a class="', $button['active_button'] ? 'active ' : '', 'current" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>

what is wrong ?  can't find it
Title: Re: Touch
Post by: NanoSector on April 23, 2011, 05:59:30 AM
Hello :)

The theme's My Profile and Login links (at the top) do not work, it should give a bounce effect.

I use RC5, and have Simple Spoiler and SMF Project Tools installed.

Any help would be appreciated!

Still, it's a very great theme, nice work!
Title: Re: Touch
Post by: Fearless Freap on June 16, 2011, 03:32:32 PM
This is a great Theme... I have just loaded it to my forum
http://http:www.myfavoritecheerleader.com/index.php (//http://http:www.myfavoritecheerleader.com/index.php)

I have just a few small favors to ask if you could help me out....

1.  How can I center the forum logo?

2.  How do you shrink the width of the user information on a post?  It crowds the rest of the page to the right and I need to try and save some page space.

Thanks again for quality work.

-Steve
Title: Re: Touch
Post by: YHD on June 17, 2011, 01:04:07 PM
Open index.css
1. search::
Code Select
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
float: left;
}
Replace With ::
Code Select
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}

2. search::
Code Select
#forumposts div.windowbg div.poster, #forumposts div.windowbg2 div.poster {
background: #ebebeb;
border-right: 1px solid #DFDFDF;
text-align: center;
padding-bottom: 30000px;
margin-bottom: -30000px;
width: 16em;
}
changes width: 16em;
Title: Re: Touch
Post by: YHD on June 17, 2011, 01:05:23 PM
Updated to SMF 2.0
Title: Re: Touch
Post by: Fearless Freap on June 18, 2011, 12:10:10 AM
Bless you!  You have great skills.

-Steve
Title: Re: Touch
Post by: Soulmaster on June 22, 2011, 04:56:36 AM
Quote from: kenet on March 16, 2011, 04:34:36 AM
Search:

Code Select
// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
   global $context, $settings, $options, $scripturl, $txt;

   echo '
      <div id="main_menu">
         <ul class="menu_touch">';
         foreach ($context['menu_buttons'] as $act => $button)
         echo '
            <li id="button_', $act, '"><a class="', $button['active_button'] ? 'current ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '><b>', $button['title'], '</b></a></li>';

      echo '
         </ul>
      </div>';
}

Replaced by:

Code Select
// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
   global $context, $settings, $options, $scripturl, $txt;

   echo '
      <div id="main_menu">
         <ul class="menu_touch">';
         
   foreach ($context['menu_buttons'] as $act => $button)
   {
      echo '
            <li id="button_', $act, '">
               <a class="', $button['active_button'] ? 'active ' : '', 'current" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
                  <b>', $button['title'], '</b>
               </a>';
      if (!empty($button['sub_buttons']))
      {
         echo '
               <ul>';

         foreach ($button['sub_buttons'] as $childbutton)
         {
            echo '
                  <li>
                     <a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
                        <span', isset($childbutton['is_last']) ? ' class="last"' : '', '>', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</span>
                     </a>';
            // 3rd level menus
            if (!empty($childbutton['sub_buttons']))
            {
               echo '
                     <ul>';

               foreach ($childbutton['sub_buttons'] as $grandchildbutton)
                  echo '
                        <li>
                           <a href="', $grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' . $grandchildbutton['target'] . '"' : '', '>
                              <span', isset($grandchildbutton['is_last']) ? ' class="last"' : '', '>', $grandchildbutton['title'], '</span>
                           </a>
                        </li>';

               echo '
                     </ul>';
            }

            echo '
                  </li>';
         }
            echo '
               </ul>';
      }
      echo '
            </li>';
   }

   echo '
         </ul>
      </div>';
}

Open your index.css
Search:

Code Select
.menu_touch li a:hover b {
   background:url(../images/theme/menu_e.gif) no-repeat right top;
}


Then add:

Code Select
/* The dropdown menu - Touch */

.menu_touch li ul {
   background: #f2f2f2;
   padding: 0;
   border-left: 1px solid #293D4F;
   border-right: 1px solid #293D4F;
   border-bottom: 1px solid #293D4F;
   display: none;
   height: auto;
   filter: alpha(opacity=95);
  opacity: 0.95;
  top: 45px;
  position: absolute;
  width: 225px;
  z-index: 200;
}
.menu_touch li:hover ul {
   display: block;
}
.menu_touch li li {
   display: block;
   float: none;
   width: 225px;
}
.menu_touch li ul a {
   background: none;
   padding: 0 5px;
   float: none;
   text-align: left;
}
.menu_touch li ul a:hover {
   background: #cdcdcd;
   color: #006699;
   opacity: 1.0;
   filter: alpha(opacity=100);
}
/* ------- End Menu - Touch ------- */

credit: YIHAD
is this working in the 2.0 upgrade also ?

fixed it works  great
Title: Re: Touch
Post by: Soulmaster on June 23, 2011, 04:16:19 AM
got a other question.  Can't intall the ads mod because of missing this :

Code Select

<tbody class="divider">
<tr>
<td colspan="4"></td>
</tr>
</tbody>';

in the BoardIndex.template.php

is there a sollution ?
Title: Re: Touch
Post by: Fearless Freap on June 23, 2011, 10:21:59 AM
I don't know what mod you are running, but I do have Ad Managment    3.0.1 running & it is working great.
Title: Re: Touch
Post by: YHD on June 23, 2011, 12:19:46 PM
Quote from: Soulmaster on June 23, 2011, 04:16:19 AM
got a other question.  Can't intall the ads mod because of missing this :

Code Select

<tbody class="divider">
<tr>
<td colspan="4"></td>
</tr>
</tbody>';

in the BoardIndex.template.php

is there a sollution ?
instead of ::
Code Select

<tbody class="divider">
<tr>
<td colspan="4"></td>
</tr>
</tbody>';
search ::
Code Select
<span class="bottom_board separate_yh"><span></span></span>';
Title: Re: Touch
Post by: md_hedji on July 06, 2011, 09:52:26 AM
http://www.simplemachines.org/community/index.php?topic=425248.msg2989427#msg2989427 (http://www.simplemachines.org/community/index.php?topic=425248.msg2989427#msg2989427)
It works thanks, but in the Web browser Internet Explorer problems, see screenshots. Help please
Title: Re: Touch
Post by: mrpike on July 06, 2011, 11:25:00 PM
Hi, I was wondering how big the background was in your touch 2.0 theme.
Title: Re: Touch
Post by: md_hedji on July 07, 2011, 08:25:08 AM
You are asking me?
Title: Re: Touch
Post by: mrpike on July 07, 2011, 02:29:01 PM
I'm asking anyone who knows.
Title: Re: Touch
Post by: Sir Osis of Liver on July 07, 2011, 02:35:58 PM

If it's any help, the full screen bg image in the GreenLeaf theme is 1200x900.

Title: Re: Touch
Post by: md_hedji on July 08, 2011, 12:41:28 PM
mootools menu does not work with this mod, as I understand the reason jQuery *? How can I fix this problem?
http://custom.simplemachines.org/mods/index.php?mod=3056 (http://custom.simplemachines.org/mods/index.php?mod=3056)
Title: Re: Touch
Post by: YHD on July 08, 2011, 03:32:21 PM
Quote from: md_hedji on July 08, 2011, 12:41:28 PM
mootools menu does not work with this mod, as I understand the reason jQuery *? How can I fix this problem?
http://custom.simplemachines.org/mods/index.php?mod=3056 (http://custom.simplemachines.org/mods/index.php?mod=3056)

There is a conflict between mootools and jQuery
Opens estadisticas.js (Themes/default/scripts/estadisticas.js)
Search:   
Code Select
$(document).ready(function() {

//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:eq(1)").addClass("active").show(); //Activate first tab
$(".tab_content:eq(1)").show(); //Show first tab content

//On Click Event
$("ul.tabs li").click(function() {

$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content

var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});

});
replaced by::
Code Select
jQuery.noConflict();
jQuery(document).ready(function() {

//When page loads...
jQuery(".tab_content").hide(); //Hide all content
jQuery("ul.tabs li:eq(1)").addClass("active").show(); //Activate first tab
jQuery(".tab_content:eq(1)").show(); //Show first tab content

//On Click Event
jQuery("ul.tabs li").click(function() {

jQuery("ul.tabs li").removeClass("active"); //Remove any "active" class
jQuery(this).addClass("active"); //Add "active" class to selected tab
jQuery(".tab_content").hide(); //Hide all tab content

var activeTab = jQuery(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
jQuery(activeTab).fadeIn(); //Fade in the active ID content
return false;
});

});
Title: Re: Touch
Post by: md_hedji on July 10, 2011, 03:06:18 PM
thanks
Title: Re: Touch
Post by: Soulmaster on July 16, 2011, 05:48:56 AM
i've got a small style problem. i've you go to my site http://www.bliksemdetectie.nl/index.php?action=forum you will see at the bottom of mij site that there is a style problem. what to do to fix this?

Title: Re: Touch
Post by: Soulmaster on July 26, 2011, 02:17:05 PM
also got this error in my errorlogs

Code Select

<a class="', $button['active_button'] ? 'active ' : '', 'current" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>

Undefined index: href
in index.template.php line: 406
Title: Re: Touch
Post by: Soulmaster on August 02, 2011, 06:59:12 AM
nobody ?
Title: Re: Touch
Post by: YHD on August 03, 2011, 07:49:42 PM
Quote from: Soulmaster on July 16, 2011, 05:48:56 AM
i've got a small style problem. i've you go to my site http://www.bliksemdetectie.nl/index.php?action=forum you will see at the bottom of mij site that there is a style problem. what to do to fix this?

Attach your BoardIndex.template.php and index.template.php (Theme Touch)
Title: Re: Touch
Post by: Soulmaster on August 04, 2011, 12:43:46 AM
here they are, but will you also look to this error?

(http://www.bliksemdetectie.nl/Themes/Touch_2/images/filter.gif) (http://www.bliksemdetectie.nl/index.php?action=admin;area=logs;sa=errorlog;desc;filter=url;value=P2FjdGlvbj1tZWRpYTtzb3J0PTE7YXNjO253O3N0YXJ0PTQxMA==) http://www.bliksemdetectie.nl/index.php?action=media;sort=1;asc;nw;start=410 (http://www.bliksemdetectie.nl/index.php?action=media;sort=1;asc;nw;start=410) (http://www.bliksemdetectie.nl/Themes/Touch_2/images/filter.gif) (http://www.bliksemdetectie.nl/index.php?action=admin;area=logs;sa=errorlog;desc;filter=message;value=ODogVW5kZWZpbmVkIGluZGV4OiAgaHJlZg==) 8: Undefined index:  href (http://www.bliksemdetectie.nl/Themes/Touch_2/images/filter.gif) (http://www.bliksemdetectie.nl/index.php?action=admin;area=logs;sa=errorlog;desc;filter=file;value=L2hvbWUvYmxpa3NlbWRldC9kb21haW5zL2JsaWtzZW1kZXRlY3RpZS5ubC9wdWJsaWNfaHRtbC9UaGVtZXMvVG91Y2hfMi9pbmRleC50ZW1wbGF0ZS5waHA=)  Bestand: /home/********/public_html/Themes/Touch_2/index.template.php (http://www.bliksemdetectie.nl/index.php?action=admin;area=logs;sa=errorlog;file=L2hvbWUvYmxpa3NlbWRldC9kb21haW5zL2JsaWtzZW1kZXRlY3RpZS5ubC9wdWJsaWNfaHRtbC9UaGVtZXMvVG91Y2hfMi9pbmRleC50ZW1wbGF0ZS5waHA=;line=406)
Regel: 406
Code Select

   386: echo '   387: </ul>   388: </div></div>';   389:
   390: $shown_linktree = true;   391: }   392:
   393: // Show the menu up top. Something like [home] [help] [profile] [logout]...   394: function template_menu()   395: {   396:    global $context, $settings, $options, $scripturl, $txt;   397:
   398:    echo '   399:       <div id="main_menu">   400:          <ul class="menu_touch">';   401:             402:    foreach ($context['menu_buttons'] as $act => $button)   403:    {   404:       echo '   405:             <li id="button_', $act, '">   ==>406:                <a class="', $button['active_button'] ? 'active ' : '', 'current" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>   407:                   <b>', $button['title'], '</b>   408:                </a>';   409:       if (!empty($button['sub_buttons']))   410:       {   411:          echo '   412:                <ul>';   413:
   414:          foreach ($button['sub_buttons'] as $childbutton)   415:          {   416:             echo '   417:                   <li>   418:                      <a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>   419:                         <span', isset($childbutton['is_last']) ? ' class="last"' : '', '>', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</span>   420:                      </a>';   421:             // 3rd level menus   422:             if (!empty($childbutton['sub_buttons']))   423:             {   424:                echo '   425:                      <ul>';   426:
   
Title: Re: Touch
Post by: Soulmaster on August 16, 2011, 02:46:03 PM
solution yet?
Title: Re: Touch - not running fine in IE8
Post by: astroapps on October 06, 2011, 04:30:35 AM
Hi,

I am testing the theme in my computer and I see the menu bar look funny when opened on IE 8. Any suggestion?

Thanks,

EC
Title: Re: Touch
Post by: Fearless Freap on October 25, 2011, 05:33:50 PM
Hello again... still loving the theme... I have a new question if you can help me...

I have in stalled a rotating banner theme, and when activated I have two banners...  I would like to remove the original banner for the rotating one... I just don't know how to do it.  I've located the code, can you help?

In the Index.template.php

Code Select
<body>';
}

function template_body_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;

    if (!empty ($modSettings['randombannerlogoOnOff']))       
        echo '
    <div id="random_banner"><a href="'. $scripturl .'"><img src="' . $settings['images_url'] .'/LogoImages/random_logo.php" alt=""/></a></div>';
        else '';

echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
<div id="header"><div class="frame">';
// If the user is logged.
user_bar();
echo '
<div id="top_section">
<h1 class="forumtitle">
<a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '<img src="' . $settings['images_url'] .'/LogoImages/random_logo.php" alt=""/></a></div>';
</h1>
</div>';
// Show the menu here, according to the menu sub template.
template_menu();

echo '
<br class="clear" />
</div></div>';



Any help you could give would be great.  Thanks again.

-Steve
Title: Re: Touch
Post by: Fearless Freap on November 10, 2011, 03:55:44 PM
Well... I found my answer... messy, probably not correct but, it works...  I guess the best way to figure something out is to get your hands dirty.
Title: Re: Touch
Post by: ~Angie on November 12, 2011, 05:49:42 PM
Hi!

I want to know how I can center the posts.

It shows in this way:


And have to be like this:


Thanks, and sorry for my bad english.
Title: Re: Touch
Post by: Sllayer on April 10, 2012, 12:45:45 PM
Quote from: Yoshi2889 on April 23, 2011, 05:59:30 AM
Hello :)

The theme's My Profile and Login links (at the top) do not work, it should give a bounce effect.

I use RC5, and have Simple Spoiler and SMF Project Tools installed.

Any help would be appreciated!

Still, it's a very great theme, nice work!

Please my logon screen on top does not work can someone help me solve?

screen

(http://img24.imageshack.us/img24/2136/36650579.png)
Text only | Text with Images