Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: Hj Ahmad Rasyid Hj Ismail on September 08, 2011, 12:55:14 PM

Title: Revamp SMF
Post by: Hj Ahmad Rasyid Hj Ismail on September 08, 2011, 12:55:14 PM
Link to the theme (http://custom.simplemachines.org/themes/index.php?lemma=2472)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fcustom.simplemachines.org%2Fthemes%2Findex.php%2Faction%2Cdownload%2Flemma%2C2472%2Fimage%2Cthumb&hash=0f868057238e6a34745a69bc51fbf6d838b2ef75)

What is Revamp SMF?

Title: Re: Revamp SMF
Post by: ARG01 on September 08, 2011, 02:08:01 PM
Not too fond of the logo text but other than that it looks great.  ;)
Title: Re: Revamp SMF
Post by: Ricky. on September 08, 2011, 03:03:52 PM
Hey, Abu Fahim,

Finally its on MOD site.  Its simple but attractive theme !
Good work !
Title: Re: Revamp SMF
Post by: Hj Ahmad Rasyid Hj Ismail on September 08, 2011, 11:37:18 PM
Quote from: ARG on September 08, 2011, 02:08:01 PM
Not too fond of the logo text but other than that it looks great.  ;)
I kinda dislike that logo text too... lol... But I will try to improve my skills on theming SMF 2.0 slowly but surely...

Quote from: Ricky. on September 08, 2011, 03:03:52 PM
Hey, Abu Fahim,

Finally its on MOD site.  Its simple but attractive theme !
Good work !
(THEME site) But it won't work nicely on older browsers simply because it is CSS based. Sigh...
Title: Re: Revamp SMF
Post by: Ricky. on September 09, 2011, 01:01:52 AM
Ya, theme site :)

I am aware you have created all those shodow etc. effects using CSS3 but neverthless to say, nice implementation.
Title: Re: Revamp SMF
Post by: Hj Ahmad Rasyid Hj Ismail on September 11, 2011, 01:04:19 AM
Please note that I have updated the theme to make it compatible with older browsers. The name of the new version is arif-green downloadable at the same link in the OP above.
Title: Re: Revamp SMF
Post by: ~DS~ on September 12, 2011, 12:44:49 AM
Really liked what you did in the topic of each posts where the cat_br are. Hoping if you can take a look at what is needed to make the change.
Title: Re: Revamp SMF
Post by: Hj Ahmad Rasyid Hj Ismail on September 12, 2011, 01:31:55 AM
1. Try to find this:
// Show the message anchor and a "new" anchor if this message is new.
if ($message['id'] != $context['first_message'])
echo '
<a id="msg', $message['id'], '"></a>', $message['first_new'] ? '<a id="new"></a>' : '';

echo '
<div class="', $message['approved'] ? ($message['alternate'] == 0 ? 'windowbg' : 'windowbg2') : 'approvebg', '">
<span class="topslice"><span></span></span>
<div class="post_wrapper">';

// Show information about the poster of this message.


And change it to this:
// Show the message anchor and a "new" anchor if this message is new.
if ($message['id'] != $context['first_message'])
echo '
<a id="msg', $message['id'], '"></a>', $message['first_new'] ? '<a id="new"></a>' : '';

echo '
<div class="', $message['approved'] ? ($message['alternate'] == 0 ? 'windowbg4' : 'windowbg5') : 'approvebg', '">
<span class="topslice"><span></span></span>
<div class="post_wrapper">';
echo '
<div class="postmenu">
<div class="flow_hidden">
<div class="messageicon">
</div>
<div class="keyinfo">
<div id="msg_', $message['id'], '_quick_mod"><div class="smalltext"><a href="', $message['href'], '" rel="nofollow"><strong>', !empty($message['counter']) ? $txt['reply_noun'] . ' #' . $message['counter'] : '', ' ', $txt['on'], ': ', $message['time'], '</strong></a></div></div>
</div>';

// If this is the first post, (#0) just say when it was posted - otherwise give the reply #.
if ($message['can_approve'] || $context['can_reply'] || $message['can_modify'] || $message['can_remove'] || $context['can_split'] || $context['can_restore_msg'])
echo '
<ul class="reset smalltext quickbuttons">';

// Maybe we can approve it, maybe we should?
if ($message['can_approve'])
echo '
<li class="approve_button"><a href="', $scripturl, '?action=moderate;area=postmod;sa=approve;topic=', $context['current_topic'], '.', $context['start'], ';msg=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['approve'], '</a></li>';

// Can they reply? Have they turned on quick reply?
if ($context['can_quote'] && !empty($options['display_quick_reply']))
echo '
<li class="quote_button"><a href="', $scripturl, '?action=post;quote=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';last_msg=', $context['topic_last_message'], '" onclick="return oQuickReply.quote(', $message['id'], ');">', $txt['quote'], '</a></li>';

// So... quick reply is off, but they *can* reply?
elseif ($context['can_quote'])
echo '
<li class="quote_button"><a href="', $scripturl, '?action=post;quote=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';last_msg=', $context['topic_last_message'], '">', $txt['quote'], '</a></li>';

// Can the user modify the contents of this post?
if ($message['can_modify'])
echo '
<li class="modify_button"><a href="', $scripturl, '?action=post;msg=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], '">', $txt['modify'], '</a></li>';

// How about... even... remove it entirely?!
if ($message['can_remove'])
echo '
<li class="remove_button"><a href="', $scripturl, '?action=deletemsg;topic=', $context['current_topic'], '.', $context['start'], ';msg=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '" onclick="return confirm(\'', $txt['remove_message'], '?\');">', $txt['remove'], '</a></li>';

// What about splitting it off the rest of the topic?
if ($context['can_split'] && !empty($context['real_num_replies']))
echo '
<li class="split_button"><a href="', $scripturl, '?action=splittopics;topic=', $context['current_topic'], '.0;at=', $message['id'], '">', $txt['split'], '</a></li>';

// Can we restore topics?
if ($context['can_restore_msg'])
echo '
<li class="restore_button"><a href="', $scripturl, '?action=restoretopic;msgs=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['restore_message'], '</a></li>';

// Show a checkbox for quick moderation?
if (!empty($options['display_quick_mod']) && $options['display_quick_mod'] == 1 && $message['can_remove'])
echo '
<li class="inline_mod_check" style="display: none;" id="in_topic_mod_check_', $message['id'], '"></li>';

if ($message['can_approve'] || $context['can_reply'] || $message['can_modify'] || $message['can_remove'] || $context['can_split'] || $context['can_restore_msg'])
echo '
</ul>';

echo '
</div>
</div>';

// Show information about the poster of this message.


2. Then try to find this:
// Done with the information about the poster... on to the post itself.
echo '
</ul>
</div>
<div class="postarea">
<div class="flow_hidden">
<div class="keyinfo">
<div class="messageicon">
<img src="', $message['icon_url'] . '" alt=""', $message['can_modify'] ? ' id="msg_icon_' . $message['id'] . '"' : '', ' />
</div>
<h5 id="subject_', $message['id'], '">
<a href="', $message['href'], '" rel="nofollow">', $message['subject'], '</a>
</h5>
<div class="smalltext">&#171; <strong>', !empty($message['counter']) ? $txt['reply_noun'] . ' #' . $message['counter'] : '', ' ', $txt['on'], ':</strong> ', $message['time'], ' &#187;</div>
<div id="msg_', $message['id'], '_quick_mod"></div>
</div>';

// If this is the first post, (#0) just say when it was posted - otherwise give the reply #.

if (!empty($context['show_publish_button']) && !$context['user']['is_logged'] || !empty($context['show_publish_button']) && $context['user']['is_logged'] || $message['can_approve'] || $context['can_reply'] || $message['can_modify'] || $message['can_remove'] || $context['can_split'] || $context['can_restore_msg'])

echo '
<ul class="reset smalltext quickbuttons">';


if(!empty($context['show_publish_button']) && !empty($modSettings['fb_app_enabled'])){        
         global $user_info, $scripturl,$context;

            $facebook = new Facebook(array(
                  'appId'  => $modSettings['fb_app_id'],
                  'secret' => $modSettings['fb_app_secret'],
                ));

               $sUrl = $facebook->getLoginUrl(
               array(
            'redirect_uri' => $scripturl.'?publish='.$message['id'],
            'scope' => 'status_update,publish_stream'
       )
           );
       echo'<li class="fbpub_button"><a href="'.$sUrl. '">'.$txt['fb_apub'].'</a></li>';
          }
// Maybe we can approve it, maybe we should?
if ($message['can_approve'])
echo '
<li class="approve_button"><a href="', $scripturl, '?action=moderate;area=postmod;sa=approve;topic=', $context['current_topic'], '.', $context['start'], ';msg=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['approve'], '</a></li>';

// Can they reply? Have they turned on quick reply?
if ($context['can_quote'] && !empty($options['display_quick_reply']))
echo '
<li class="quote_button"><a href="', $scripturl, '?action=post;quote=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';last_msg=', $context['topic_last_message'], '" onclick="return oQuickReply.quote(', $message['id'], ');">', $txt['quote'], '</a></li>';

// So... quick reply is off, but they *can* reply?
elseif ($context['can_quote'])
echo '
<li class="quote_button"><a href="', $scripturl, '?action=post;quote=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';last_msg=', $context['topic_last_message'], '">', $txt['quote'], '</a></li>';

// Can the user modify the contents of this post?
if ($message['can_modify'])
echo '
<li class="modify_button"><a href="', $scripturl, '?action=post;msg=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], '">', $txt['modify'], '</a></li>';

// How about... even... remove it entirely?!
if ($message['can_remove'])
echo '
<li class="remove_button"><a href="', $scripturl, '?action=deletemsg;topic=', $context['current_topic'], '.', $context['start'], ';msg=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '" onclick="return confirm(\'', $txt['remove_message'], '?\');">', $txt['remove'], '</a></li>';

// What about splitting it off the rest of the topic?
if ($context['can_split'] && !empty($context['real_num_replies']))
echo '
<li class="split_button"><a href="', $scripturl, '?action=splittopics;topic=', $context['current_topic'], '.0;at=', $message['id'], '">', $txt['split'], '</a></li>';

// Can we restore topics?
if ($context['can_restore_msg'])
echo '
<li class="restore_button"><a href="', $scripturl, '?action=restoretopic;msgs=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['restore_message'], '</a></li>';

// Show a checkbox for quick moderation?
if (!empty($options['display_quick_mod']) && $options['display_quick_mod'] == 1 && $message['can_remove'])
echo '
<li class="inline_mod_check" style="display: none;" id="in_topic_mod_check_', $message['id'], '"></li>';

if ($message['can_approve'] || $context['can_reply'] || $message['can_modify'] || $message['can_remove'] || $context['can_split'] || $context['can_restore_msg'])
echo '
</ul>';

echo '
</div>';

// Ignoring this user? Hide the post.


And change that to this:
// Done with the information about the poster... on to the post itself.
echo '
</ul>
</div>
<div class="postarea">';

// Ignoring this user? Hide the post.


You might need to adjust your css in index.css accordingly. But IMO the above will give you the needed changes you wanted.
Title: Re: Revamp SMF
Post by: ~DS~ on September 12, 2011, 01:42:08 AM
By adding postmenu, from what I can tell?
Title: Re: Revamp SMF
Post by: Hj Ahmad Rasyid Hj Ismail on September 12, 2011, 02:25:13 AM
That is minor changes I made in index.css just before moderatorbar.postmenu
{
background: #55B05A;
padding: 0.5em;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.5), inset 0px 1px rgba(255,255,255,0.3), inset 0px 10px rgba(255,255,255,0.2), inset 0px 10px 20px rgba(255,255,255,0.25), inset 0px -15px 30px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.5), inset 0px 1px rgba(255,255,255,0.3), inset 0px 10px rgba(255,255,255,0.2), inset 0px 10px 20px rgba(255,255,255,0.25), inset 0px -15px 30px rgba(0,0,0,0.3);
box-shadow: 0px 2px 6px rgba(0,0,0,0.5), inset 0px 1px rgba(255,255,255,0.3), inset 0px 10px rgba(255,255,255,0.2), inset 0px 10px 20px rgba(255,255,255,0.25), inset 0px -15px 30px rgba(0,0,0,0.3);
}
.postmenu div.flow_hidden
{
width: 100%;
}
.moderatorbar {
Title: Re: Revamp SMF
Post by: ACAMS on September 18, 2011, 06:50:02 PM
I started a help topic here http://www.simplemachines.org/community/index.php?topic=452880.0 (http://www.simplemachines.org/community/index.php?topic=452880.0) and was told I might get better help here.
My problem is:

I have revamp SMF theme and my remove multiple post button is missing .... it works fine with the default theme, I can check boxes in the post and go to the bottom and delete multiple.




(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Friggedonlinepoker.com%2FPics%2Fnoremove2.jpg&hash=ec1159e2702c4ce149525ca2816c4858f12daae0)






But with this theme I have the check boxes in the post, but no button on bottom.




Does anybody have any idea what I might do to fix this?




(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Friggedonlinepoker.com%2FPics%2Fnoremove1.jpg&hash=e9d3f005626a6e1e0e8aec5155f6dcab4f9ea185)
Title: Re: Revamp SMF
Post by: Hj Ahmad Rasyid Hj Ismail on September 19, 2011, 04:20:53 AM
Refer back there: http://www.simplemachines.org/community/index.php?topic=452880.msg3163853#msg3163853
Title: Re: Revamp SMF
Post by: Hj Ahmad Rasyid Hj Ismail on September 21, 2012, 06:33:52 AM
I have made another Revamp theme call Simple Revamp. You can see its preview here (http://www.simplemachines.org/community/index.php?topic=486861.0).