Simple Machines Community Forum

Customizing SMF => Modifications and Packages => Topic started by: M-DVD on September 25, 2008, 06:27:23 PM

Title: Reflection Img BBC
Post by: M-DVD on September 25, 2008, 06:27:23 PM
Link to Mod & Images (http://custom.simplemachines.org/mods/index.php?mod=1415)

MOD Reflection Img BBC v1.2
====================






  • Autor:
M-DVD (http://custom.simplemachines.org/mods/index.php?action=profile;u=148997)
  • Version:
1.2
  • Release:
18th September 2008
  • Languages:

  • Compatible With:
SMF 1.1.1 - 1.1.8
SMF 2 Beta 3 & 4 & RC1




(http://mods.simplemachines.org/index.php?action=review;sa=add;mod=1415)
Comment this Mod (http://www.simplemachines.org/community/index.php?action=post;topic=264211.0)
(http://custom.simplemachines.org/mods/index.php?action=profile;u=148997)
My MODs (http://custom.simplemachines.org/mods/index.php?action=profile;u=148997)
(http://custom.simplemachines.org/mods/index.php?mod=1415)
Images (http://custom.simplemachines.org/mods/index.php?mod=1415)
(https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=4587421)Help support my MODs (https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=4587421)


Features:








Thanks and Credits authorship of reflection.js 2.0 to: cow.neondragon.net (read licence.txt)

Important: The New version of this Mod work with a modified reflection.js not available "yet" on the official site

Compatibility:
- Internet Explorer 5.5+
- Mozilla Firefox 1.5+
- Opera 9+
- Safari.
- Google Chrome

On older browsers, it'll degrade and your visitors won't notice a thing. Best of all, it's under 5KB.

Note 1: If you have already installed Reflection Avatar (http://custom.simplemachines.org/mods/index.php?mod=1398), then you can install the ReflectionImageBBC_v1_X(ra).zip


FAQ Attributes:



Name
Function
Values
Default




ropacity
opacity of reflection
0 min ~ 100 max
50
rheight
height of reflection
0 min ~ 100 max
50
align
align horizontal of image
Left, Right or Center
Left + Block
hspace
space horizontal of image
0 min ~
0
vspace
space vertical of image
0 min ~
0
alt
text alternative and keywords
free
width
width of image
0 min ~
height
height of image
0 min ~


Example Attributes:


[refle ropacity=30 rheight=70]URL[/refle]

[refle align=right vspace=10 hspace=10]URL[/refle]

[refle width=1024 height=768 alt=wallpaper]URL[/refle]

==========================

Languages (normal & utf-8)


$txt['refle'] = 'Insert Image with Reflection';

I welcome new translations here (http://www.simplemachines.org/community/index.php?action=post;topic=264211.20)

==========================

Características:







Agradecimientos y Créditos de autoria del reflection.js 2.0 a: cow.neondragon.net (leer licence.txt)

Importante: La nueva versión de este MOD trabaja con un reflection.js modificado, no descargable "aún" en la página oficial

Compatible con:
- Internet Explorer 5.5+
- Mozilla Firefox 1.5+
- Opera 9+
- Safari.
- Google Chrome

En navegadores viejos se comporta como si no estuviera. Y solo ocupa 5KB.

Nota 1: Si ya has instalado el Reflection Avatar (http://custom.simplemachines.org/mods/index.php?mod=1398), entonces debes instalar el ReflectionImageBBC_v1_X(ra).zip

Gracias a kenet (http://www.simplemachines.org/community/index.php?action=profile;u=141702) por la idea.

Fin.
Title: Re: Reflection Img BBC
Post by: exxocet on September 27, 2008, 10:19:16 AM
In Opera 9.60, the height of reflection and the level of opacity can not be modified, it's always 50%.
Title: Re: Reflection Img BBC
Post by: M-DVD on September 29, 2008, 01:52:56 PM
Thank you for warning.

Today Opera 9.52 is the last stable release. Opera 9.60b1 is the latest preview release. Must be that.

Note: Even Hotmail has serious problems in Opera  >:(
Title: Re: Reflection Img BBC
Post by: exxocet on October 03, 2008, 05:49:13 AM
  They got 9.60 RC1 and the issue is fixed, the browser is rendering perfectly now, BUT (I guess this is something with my install)... I can see the reflection only in topic preview mode, after I save the message, the images are rendered without reflection. I tried in Opera 9.60, Firefox 3.0.3, IE 7, the same, no reflection.
  I even manually checked the mod install, change reflection.js with the latest 2.0 version, remove lightbox integration, same result, I can see the reflection only in preview mode...
  Any ideea, any help please? Thank you.
Title: Re: Reflection Img BBC
Post by: emilio05 on October 03, 2008, 10:16:30 AM
Thanks!!!!!!!!!!!!!!!!!!!!!!
I am a Argentina ^^
Title: Re: Reflection Img BBC
Post by: Sabre™ on October 05, 2008, 06:12:49 PM
Nice :)
What is the difference to [THIS] (http://custom.simplemachines.org/mods/index.php?mod=1397)
Thanks
Title: Re: Reflection Img BBC
Post by: M-DVD on October 05, 2008, 09:20:55 PM
Quote from: exxocet on October 03, 2008, 05:49:13 AM
  They got 9.60 RC1 and the issue is fixed, the browser is rendering perfectly now, BUT (I guess this is something with my install)... I can see the reflection only in topic preview mode, after I save the message, the images are rendered without reflection. I tried in Opera 9.60, Firefox 3.0.3, IE 7, the same, no reflection.
  I even manually checked the mod install, change reflection.js with the latest 2.0 version, remove lightbox integration, same result, I can see the reflection only in preview mode...
  Any ideea, any help please? Thank you.

Hi. Sorry for not having responded sooner.

The cause may be, that a js in the display.template cancels reflect.

Can you give me the link forum's, to watch? (and a user test)

Quote from: emilio05 on October 03, 2008, 10:16:30 AM
Thanks!!!!!!!!!!!!!!!!!!!!!!
I am a Argentina ^^


Me alegra que te guste. Y puedes hablarme en castellano  :D

Quote from: Sabre™ on October 05, 2008, 06:12:49 PM
Nice :)
What is the difference to [THIS] (http://custom.simplemachines.org/mods/index.php?mod=1397)
Thanks

Hi. Both mods were made and uploaded before the other was released.

What is the difference to this?

1.- You can also specify the height of reflection and the level of opacity
[refle ropacity=30 rheight=70]URL[/refle]
2.- In addition to the normal bbc img's attributes (width, height and alt)
[refle width=100 height=150 alt='image loading']URL[/refle]
3.- If you have limits on maximum dimensions of the images in messages, also applies to the images with reflect.
4.- It corrects problems with Ajax (Quick Modidy and Post Preview).
5.- Fix possible security problems with images loading links automatically
Title: Re: Reflection Img BBC
Post by: Sabre™ on October 05, 2008, 10:00:36 PM
Oh nice.
Cheers for the info mate :)
Title: Re: Reflection Img BBC
Post by: MultiformeIngegno on November 09, 2008, 05:55:40 AM
Really cool!
Are you planning to release a 2.0b4 version? 8)
Title: Re: Reflection Img BBC
Post by: M-DVD on November 10, 2008, 10:08:37 PM
Update Reflection Img BBC v1.1:
=====================


New features:

How do I upgrade?

=======================================

Características Nuevas:

¿Como actualizar?
Title: Re: Reflection Img BBC
Post by: M-DVD on November 10, 2008, 10:36:32 PM
Quote from: lorenzone92 on November 09, 2008, 05:55:40 AM
Really cool!
Are you planning to release a 2.0b4 version? 8)

Done 8)
Title: Re: Reflection Img BBC
Post by: MultiformeIngegno on November 11, 2008, 09:48:58 AM
YOU'RE A GOD!! :P
Really thanks!!! ;)
Title: Re: Reflection Img BBC
Post by: MultiformeIngegno on November 11, 2008, 09:50:03 AM
Quote from: M-DVD on September 25, 2008, 06:27:23 PM
[reflec]URL[/refle]
Mmmh.. I think you wanted to write [refle]URL[/refle].. :)[/list]
Title: Re: Reflection Img BBC
Post by: M-DVD on November 19, 2008, 09:33:23 AM
Quote from: lorenzone92 on November 11, 2008, 09:50:03 AM
    Quote from: M-DVD on September 25, 2008, 06:27:23 PM
    [reflec]URL[/refle]
    Mmmh.. I think you wanted to write [refle]URL[/refle].. :)[/list]

    Thanks  :)
    Title: Re: Reflection Img BBC
    Post by: MissyNL on January 05, 2009, 03:18:40 PM
    Great mod!!!!!

    It installed with no problems at all...and i have over 57 mods installed, so that is a blessing :D

    I want to ask if you could include the
    vspace=     hspace=  align=    attributes

    I use this a lot... and since that would really make me even use the tag more.. i really would appreciate it :D

    anyway.. thanks!
    Title: Re: Reflection Img BBC
    Post by: M-DVD on January 05, 2009, 11:30:26 PM
    Quote from: Lafemme on January 05, 2009, 03:18:40 PM
    Great mod!!!!!

    It installed with no problems at all...and i have over 57 mods installed, so that is a blessing :D

    Thanks  :D

    Quote from: Lafemme on January 05, 2009, 03:18:40 PM
    I want to ask if you could include the
    vspace=     hspace=  align=    attributes

    I use this a lot... and since that would really make me even use the tag more.. i really would appreciate it :D

    anyway.. thanks!

    What (How) is vspace, hspace, etc?  ::)

    Do you want some default values? (and that could change, of course)
    Title: Re: Reflection Img BBC
    Post by: MissyNL on January 06, 2009, 04:11:38 PM
    Your welcome.. it really is.. especially for a graphic designer :D

    Wel.. that i can apply some horizontal (hspace) and vertical (vspace) space around the image so that if i align the image to the left with the align tag, the text  does not sticks to the image. I use this tags alot, because i like a clean design :D

    When i now add an image is use this code in my forum

    [img width=200 vspace=15 hspace=20 align=right]http://url image[/img]

    So i think that a default value is not applicable in this situation. :D

    Title: Re: Reflection Img BBC
    Post by: Özgür on January 06, 2009, 05:27:29 PM
    Turkish translation :P

    $txt['refle'] = 'Yansıyan resim ekle';
    Title: Re: Reflection Img BBC
    Post by: M-DVD on January 09, 2009, 11:55:00 AM
    Quote from: Lafemme on January 06, 2009, 04:11:38 PM
    Your welcome.. it really is.. especially for a graphic designer :D

    Wel.. that i can apply some horizontal (hspace) and vertical (vspace) space around the image so that if i align the image to the left with the align tag, the text  does not sticks to the image. I use this tags alot, because i like a clean design :D

    When i now add an image is use this code in my forum

    [img width=200 vspace=15 hspace=20 align=right]http://url image[/img]

    So i think that a default value is not applicable in this situation. :D

    I understand. Yes, I can do, and it's a good idea.

    As I have little time at this time, in a couple of weeks I will be able done. :D

    Quote from: Özgür | ЯocKayseri on January 06, 2009, 05:27:29 PM
    Turkish translation :P

    $txt['refle'] = 'Yansıyan resim ekle';

    Thanks for translate. I will include in the package in the next version.  :D

    Title: Re: Reflection Img BBC
    Post by: MissyNL on January 09, 2009, 05:41:42 PM
    Perfect! Then this can be used in so many ways :D Maybe you can also add the ALT tag for keywords.

    here is the dutch translation :D

    $txt['refle'] = 'Voeg afbeelding met reflectie toe.';]

    maybe it's better to place this string in the first post so that everyone can easily find the string and translate it :D
    Title: Re: Reflection Img BBC
    Post by: M-DVD on January 15, 2009, 08:31:29 PM
    Hi

    I thought it would take longer, but I made the adjustment.  :D

    I will send a mail to Cow (author of reflect.js) informing of the changes.

    When I have the answer, I will update the MOD.

    Quote from: Lafemme on January 09, 2009, 05:41:42 PM
    Perfect! Then this can be used in so many ways :D Maybe you can also add the ALT tag for keywords.

    Yes, this attribute is already added.  :D (alt, height, width, ropacity and rheight.)

    Quote from: Lafemme on January 09, 2009, 05:41:42 PM
    here is the dutch translation :D

    $txt['refle'] = 'Voeg afbeelding met reflectie toe.';]

    maybe it's better to place this string in the first post so that everyone can easily find the string and translate it :D

    Thanks for translate. I will include in the package in the next version.

    PD: This string in first post?

    $txt['refle'] = 'Insert Image with Reflection';

    Already there.  :)
    Title: Re: Reflection Img BBC
    Post by: MissyNL on January 16, 2009, 07:02:15 AM
    Great!

    I cant wait :D since this mod really rocks!
    Title: Re: Reflection Img BBC
    Post by: RazzLee on January 17, 2009, 04:10:21 PM
    Hello,
    Great mod! Except I can't seem to get it to work right  :-[

    I hope I'm just making the tags wrong:
    [refle][img]http://www.myimagehosting.com[/img][/refle]

    this is my first mod that I've DLed so it is likely that I did something wrong...
    If anyone would kindly take some time to help me out, I would be very greatful!

    Thanks!
    -Razz

    EDIT: ok...I see that I was adding the img tag unnecessarily. The image is showing now but no reflection...
    Title: Re: Reflection Img BBC
    Post by: MissyNL on January 18, 2009, 05:40:43 PM
    yes :D your have to leave the image tag.

    [refle]http://www.myimagehosting.com[/refle]

    good luck :D
    Title: Re: Reflection Img BBC
    Post by: M-DVD on February 18, 2009, 08:57:22 PM
    Update Reflection Img BBC v1.2:
    =====================


    New features:

    How do I upgrade?

    =======================================

    Características Nuevas:

    ¿Como actualizar?
    Title: Re: Reflection Img BBC
    Post by: MissyNL on February 22, 2009, 01:30:36 PM
    Wow! thank you! I've installed it without any problems..

    this will make my forum even look better and now i can use it more often as you implemented the new codes..

    thanks!
    Title: Re: Reflection Img BBC
    Post by: M-DVD on February 27, 2009, 11:25:46 PM
    your welcome  :D 
    Title: Re: Reflection Img BBC
    Post by: AlenNS on March 12, 2009, 10:49:22 AM
    This mod stops working for me.

    Here is the code I get when try to reflect some image.

    [refle]http://[url=http://www.footballpictures.net/data/media/20/ac_milan_logo.jpg]http://www.footballpictures.net/data/media/20/ac_milan_logo.jpg[/url][/refle]

    Something is wrong here... :-\
    Title: Re: Reflection Img BBC
    Post by: M-DVD on March 12, 2009, 05:14:41 PM
    Quote from: AlenNS on March 12, 2009, 10:49:22 AM
    This mod stops working for me.

    Here is the code I get when try to reflect some image.

    [refle]http://[url=http://www.footballpictures.net/data/media/20/ac_milan_logo.jpg]http://www.footballpictures.net/data/media/20/ac_milan_logo.jpg[/url][/refle]

    Something is wrong here... :-\

    Because "http://[url=http://www.footballpictures.net/data/media/20/ac_milan_logo.jpg]http://www.footballpictures.net/data/media/20/ac_milan_logo.jpg[/url]" isn't URL valid.

    The correct is:

    [url=URL][img]URL[/img][/url]

    and

    [url=URL][refle]URL[/refle][/url]

    ie:

    [url=http://www.footballpictures.net/data/media/20/ac_milan_logo.jpg]
    [refle]http://www.footballpictures.net/data/media/20/ac_milan_logo.jpg[/refle]
    [/url]



    Title: Re: Reflection Img BBC
    Post by: AlenNS on March 12, 2009, 09:56:54 PM
    I know, but when I click on refle BBC and add some picture link it writes that link like that, not me. :-/
    Title: Re: Reflection Img BBC
    Post by: DeviDarkL on March 14, 2009, 09:21:01 AM
    Great Mod (again and again :P)

    Portuguese_PT Translation & Brazilian Translation(normal and utf8):
    <file name="$languagedir/Modifications.portuguese_pt.php"  error="skip">
    <operation>
    <search position="end" />
    <add><![CDATA[
    // MOD Reflection Img BBC
    $txt['refle'] = 'Inserir Imagem com Reflexo';]]></add>
    </operation>
    </file>
    <file name="$languagedir/Modifications.portuguese_pt-utf8.php" error="skip">
    <operation>
    <search position="end" />
    <add><![CDATA[
    // MOD Reflection Img BBC
    $txt['refle'] = 'Inserir Imagem com Reflexo';]]></add>
    </operation>
    </file>
    <file name="$themedir/languages/Modifications.brazilian.php" error="skip">
    <operation>
    <search position="end" />
    <add><![CDATA[
    // MOD Reflection Img BBC
    $txt['refle'] = 'Inserir Imagem com Reflexo';]]></add>
    </operation>
    </file>
    <file name="$themedir/languages/Modifications.brazilian-utf8.php" error="skip">
    <operation>
    <search position="end" />
    <add><![CDATA[
    // MOD Reflection Img BBC
    $txt['refle'] = 'Inserir Imagem com Reflexo';]]></add>
    </operation>
    </file>
    Title: Re: Reflection Img BBC
    Post by: DeviDarkL on March 16, 2009, 04:59:19 PM
    Hi M-DVD

    I instaled this mod and in the default template works fine but in a custom template it doesn't :(

    And Yes, I did the mod needed to work in index.template.php. Post.template.php doesn't exist in Silent Wave template so I think the template is using the default post.template.

    Here is the Index.template.php from the custom theme:
    <?php
    // Version: 2.0 Beta 4; index

    /* This template is, perhaps, the most important template in the theme. It
    contains the main template layer that displays the header and footer of
    the forum, namely with main_above and main_below. It also contains the
    menu sub template, which appropriately displays the menu; the init sub
    template, which is there to set the theme up; (init can be missing.) and
    the linktree sub template, which sorts out the link tree.

    The init sub template should load any data and set any hardcoded options.

    The main_above sub template is what is shown above the main content, and
    should contain anything that should be shown up there.

    The main_below sub template, conversely, is shown after the main content.
    It should probably contain the copyright statement and some other things.

    The linktree sub template should display the link tree, using the data
    in the $context['linktree'] variable.

    The menu sub template should display all the relevant buttons the user
    wants and or needs.

    For more information on the templating system, please see the site at:
    http://www.simplemachines.org/
    */

    // Initialize the template... mainly little settings.
    function template_init()
    {
    global $context$settings$options$txt;

    /* Use images from default theme when using templates from the default theme?
    if this is 'always', images from the default theme will be used.
    if this is 'defaults', images from the default theme will only be used with default templates.
    if this is 'never' or isn't set at all, images from the default theme will not be used. */
    $settings['use_default_images'] = 'never';

    /* What document type definition is being used? (for font size and other issues.)
    'xhtml' for an XHTML 1.0 document type definition.
    'html' for an HTML 4.01 document type definition. */
    $settings['doctype'] = 'xhtml';

    /* The version this template/theme is for.
    This should probably be the version of SMF it was created for. */
    $settings['theme_version'] = '2.0 Beta 4';

    /* Set a setting that tells the theme that it can render the tabs. */
    $settings['use_tabs'] = true;

    /* Use plain buttons - as oppossed to text buttons? */
    $settings['use_buttons'] = true;

    /* Show sticky and lock status separate from topic icons? */
    $settings['separate_sticky_lock'] = true;

    /* Does this theme use the strict doctype? */
    $settings['strict_doctype'] = false;

    /* Does this theme use post previews on the message index? */
    $settings['message_index_preview'] = false;
    }

    // The main sub template above the content.
    function template_html_above()
    {
    global $context$settings$options$scripturl$txt$modSettings;

    // Show right to left and the character set for ease of translating.
    echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"'
    $context['right_to_left'] ? ' dir="rtl"' '''><head>
    <meta http-equiv="Content-Type" content="text/html; charset='
    $context['character_set'], '" />
    <meta name="description" content="'
    $context['page_title_html_safe'], '" />
    <meta name="keywords" content="'
    $context['meta_keywords'], '" />
    <script language="JavaScript" type="text/javascript" src="'
    $settings['default_theme_url'], '/scripts/script.js?b4"></script>
    <script language="JavaScript" type="text/javascript" src="'
    $settings['default_theme_url'], '/scripts/theme.js?b4"></script>
    <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
    var smf_theme_url = "'
    $settings['theme_url'], '";
    var smf_default_theme_url = "'
    $settings['default_theme_url'], '";
    var smf_images_url = "'
    $settings['images_url'], '";
    var smf_scripturl = "'
    $scripturl'";
    var smf_iso_case_folding = '
    $context['server']['iso_case_folding'] ? 'true' 'false'';
    var smf_charset = "'
    $context['character_set'], '";'$context['show_pm_popup'] ? '
    if (confirm("' 
    $txt['show_personal_messages'] . '"))
    window.open("' 
    $scripturl '?action=pm");' '''
    var ajax_notification_text = "'
    $txt['ajax_in_progress'], '";
    var ajax_notification_cancel_text = "'
    $txt['modify_cancel'], '";
    // ]]></script>
    <title>'
    $context['page_title_html_safe'], '</title>';

    // Please don't index these Mr Robot.
    if (!empty($context['robot_no_index']))
    echo '
    <meta name="robots" content="noindex" />'
    ;

    // The ?b4 part of this link is just here to make sure browsers don't cache it wrongly.
    echo '
    <link rel="stylesheet" type="text/css" href="'
    $settings['theme_url'], '/style'$context['theme_variant'], '.css?b4" />';

    echo '
    <link rel="stylesheet" type="text/css" href="'
    $settings['default_theme_url'], '/css/print.css?b4" media="print" />';

    // IE7 needs some fixes for styles.
    if ($context['browser']['is_ie7'])
    echo '
    <link rel="stylesheet" type="text/css" href="'
    $settings['default_theme_url'], '/css/ie7.css" />';
    // ..and IE6!
    elseif ($context['browser']['is_ie6'])
    echo '
    <link rel="stylesheet" type="text/css" href="'
    $settings['default_theme_url'], '/css/ie6.css" />';

    // Show all the relative links, such as help, search, contents, and the like.
    echo '
    <link rel="help" href="'
    $scripturl'?action=help" />
    <link rel="search" href="' 
    $scripturl '?action=search" />
    <link rel="contents" href="'
    $scripturl'" />';

    // If RSS feeds are enabled, advertise the presence of one.
    if (!empty($modSettings['xmlnews_enable']))
    echo '
    <link rel="alternate" type="application/rss+xml" title="'
    $context['forum_name_html_safe'], ' - RSS" href="'$scripturl'?type=rss;action=.xml" />';

    // If we're viewing a topic, these should be the previous and next topics, respectively.
    if (!empty($context['current_topic']))
    echo '
    <link rel="prev" href="'
    $scripturl'?topic='$context['current_topic'], '.0;prev_next=prev" />
    <link rel="next" href="'
    $scripturl'?topic='$context['current_topic'], '.0;prev_next=next" />';

    // If we're in a board, or a topic for that matter, the index will be the board's index.
    if (!empty($context['current_board']))
    echo '
    <link rel="index" href="'
    $scripturl'?board='$context['current_board'], '.0" />';

      // YSHOUT HERE - <head> code
       
    global $boardurl,$shoutFile;
       
    $shoutFile='home';
       
    $scripturlparsed parse_url($scripturl);
       
    $scriptpath=isset($scripturlparsed['path'])?$scripturlparsed['path']:'/';
       
    $args='';
       foreach(
    $_GET as $key => $value// passthrough $_GET
          
    $args.='&'.urlencode($key).'='.urlencode($value);
       echo 
    '
       <script src="'
    ,$boardurl,'/yshout/js/moo.ajax.js" type="text/javascript"></script>
       <script src="'
    ,$boardurl,'/yshout/settings.js" type="text/javascript"></script>
       <script type="text/javascript"><!-- // --><![CDATA[
       window.onload=function(){loadChat();};
       var shoutFile="'
    ,$shoutFile,'";
       var yshout_php="'
    ,$scriptpath,'?yshout',$args,'";
       // ]]></script>
       <script src="'
    ,$boardurl,'/yshout/js/yshout.js?July062008" type="text/javascript"></script>
       <style type="text/css">
          #yshout #shouts {
             overflow: auto;
             height: 180px;     /* the height you want to display */
      }
      #yshout {
             font-size: 10px;
             overflow: hidden;
          }
          #yshout #yshout-toollinks { /* tool links (History, Commands, etc.) */
          }
          #yshout #shouts { /* main shouts area */
          }
          #yshout .shout { /* one shout */
             margin: 0 0 0; /* Top Bottom Linespacing */
             line-height: 1;
          }
          #yshout .shout-timestamp {
             font-style: normal;
             font-weight: normal;
          }
          #yshout .shout-adminlinks { /* del and ban buttons */
             font-size: 6pt;
             color: #141414;
          }
          #yshout #shout-form {
             margin: 0;
             padding: 0;
          }
          #yshout #shout-form fieldset {
             border: none;
          }
          #yshout #forum-name {
             width: 70px;
             margin-right: 5px;
          }
          #yshout #shout-text {
             width: 310px;
             margin-right: 5px;
          }
          #yshout #shout-button {
             width: 55px;
          }
          #yshout .shout-invalid { /* invalid shout (shout textbox) */
             background: #FFFDD1;
          }
       </style>'
    ;
       
    // YSHOUT END - <head> code

    // We'll have to use the cookie to remember the header...
    if ($context['user']['is_guest'])
    {
    $options['collapse_header'] = !empty($_COOKIE['upshrink']);
    $options['collapse_header_ic'] = !empty($_COOKIE['upshrinkIC']);
    }

    // Output any remaining HTML headers. (from mods, maybe?)
    echo $context['html_headers'], '
    <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
    // Create the main header object.
    var mainHeader = new smfToggle("upshrink", '
    , empty($options['collapse_header']) ? 'false' 'true'');
    mainHeader.useCookie('
    $context['user']['is_guest'] ? 0');
    mainHeader.setOptions("collapse_header", "'
    $context['session_id'], '");
    mainHeader.addToggleImage("upshrink", "/upshrink.gif", "/upshrink2.gif");
    mainHeader.addTogglePanel("user_section");
    mainHeader.addTogglePanel("news_section");
    // ]]></script>'
    ;

    echo '
    </head>
    <body>'
    ;
    }

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

    echo 
    '
    <div id="wrapper">
    <div id="header">
    <div id="welcome">'
    ;
    if ($context['user']['is_logged'])
    {
    echo '
    <b>'
    $txt['hello_member_ndt'], ' '$context['user']['name'], '</b><br />';

    // Only tell them about their messages if they can read their messages!
    if ($context['allow_pm'])
    echo $txt['msg_alert_you_have'], ' <a href="'$scripturl'?action=pm">'$context['user']['messages'], ' '$context['user']['messages'] != $txt['msg_alert_messages'] : $txt['message_lowercase'], '</a>'$txt['newmessages4'], ' '$context['user']['unread_messages'], ' '$context['user']['unread_messages'] == $txt['newmessages0'] : $txt['newmessages1'] , '.<br />';

    echo '
    <a href="'
    $scripturl'?action=unread">'$txt['unread_since_visit'], '</a><br />
    <a href="'
    $scripturl'?action=unreadreplies">'$txt['show_unread_replies'], '</a><br />';
    }

    // Otherwise they're a guest - so politely ask them to register or login.
    else
    {
    echo sprintf($txt['welcome_guest'], $txt['guest_title']);
    echo '
    <br />'
    $context['current_time'],'<br />';
    }

    echo '
    </div>
    <a href="'
    .$scripturl.'" title=""><span id="logo">&nbsp;</span></a>';
    echo '
    </div>
    <div id="toolbar">
    <div id="nav">
    '
    ,template_menu(),'
    </div>
    </div>
    <div id="mainarea">'
    ;

    // Show the navigation tree.
    theme_linktree();

    }

    function 
    template_body_below()
    {
    global $context$settings$options$scripturl$txt;

    echo '
    </div>'
    ;

    // Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
    echo '
    <div id="footer">
    '
    theme_copyright(), '
    <br /><a href="http://www.dzinerstudio.com" target="_blank">DzinerStudio</a>'
    ;

    // Show the load time?
    if ($context['show_load_time'])
    echo '<br /><span class="smalltext">'$txt['page_created'], $context['load_time'], $txt['seconds_with'], $context['load_queries'], $txt['queries'], '</span>';

    echo '
    </div>'
    ;
    }

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

    echo 
    '
    </div>
    <script language="JavaScript" type="text/javascript" src="'
    $settings['default_theme_url'], '/scripts/reflection.js?b4"></script>
    </body></html>'
    ;
    }

    // Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
    function theme_linktree($force_show false)
    {
    global $context$settings$options$shown_linktree;

    // If linktree is empty, just return - also allow an override.
    if (empty($context['linktree']) || (!empty($context['dont_default_linktree']) && !$force_show))
    return;

    //!!! Temporarily don't do it twice.
    if (!empty($shown_linktree))
    return;
    $shown_linktree true;

    echo '
    <ul id="linktree">'
    ;

    // Each tree item has a URL and name. Some may have extra_before and extra_after.
    foreach ($context['linktree'] as $link_num => $tree)
    {
    echo '
    <li'
    , ($link_num == count($context['linktree']) - 1) ? ' class="last"' '''>';
    // Show something before the link?
    if (isset($tree['extra_before']))
    echo $tree['extra_before'];

    // Show the link, including a URL if it should have one.
    echo $settings['linktree_link'] && isset($tree['url']) ? '
    <a href="' 
    $tree['url'] . '"><span>' $tree['name'] . '</span></a>' '<span>' $tree['name'] .'</span>';

    // Show something after the link...?
    if (isset($tree['extra_after']))
    echo $tree['extra_after'];

    // Don't show a separator for the last one.
    if ($link_num != count($context['linktree']) - 1)
    echo '&nbsp;>';

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

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

    echo '
    <ul>'
    ;
    foreach ($context['menu_buttons'] as $act => $button)
    echo '<li><a '$button['active_button'] ? ' class="current"' '' ' href="'$button['href'], '"><span>'$button['title'], '</span></a></li>';

    echo '
    </ul>'
    ;

    }

    // Generate a strip of buttons.
    function template_button_strip($button_strip$direction 'top'$force_reset false$custom_td '')
    {
    global $settings$context$txt$scripturl;

    // Create the buttons...
    $buttons = array();
    foreach ($button_strip as $key => $value)
    {
    if (!isset($value['test']) || !empty($context[$value['test']]))
    $buttons[] = '<a href="' $value['url'] . '" ' . (isset($value['custom']) ? $value['custom'] : '') . '><span>' $txt[$value['text']] . '</span></a>';
    }

    if (empty($buttons))
    return '';

    // Make the last one, as easy as possible.
    $buttons[count($buttons) - 1] = str_replace('<span>''<span class="last">'$buttons[count($buttons) - 1]);

    echo '
    <div class="buttonlist'
    $direction != 'top' '_bottom' '''">
    <ul class="clearfix">
    <li>'
    implode('</li><li>'$buttons), '</li>
    </ul>
    </div>'
    ;

    }

    function 
    tlist_bits($element)
    {
    global 
    $txt$settings$scripturl;

    switch($element)
    {
    case 'container_open':
    $answ '<table cellspacing="1" border="0" class="tlisttable">';
    break;
    case 'header':
    $answ ='<tr><th><div class="tlisttitleicon"><a name="tl_{JLABEL}">&nbsp;</a></div></th><th>{TITLE}</th></tr>';
    break;
    case 'topic_row':
    {
    $answ '<tr><td class="tlistcol1"><img class="tlistfirsticon" src="{ICON}" alt="" /></td>';
    $answ .= '<td class="tlistcol2"><a href="'.$scripturl.'?topic={TOPIC_ID}">{TOPIC_TITLE}</a></td></tr>';
    break;
    }
    case 'container_close':
    $answ '</table>';
    break;
    case 'no_topics':
    {
    $answ '<tr><td class="tlistcol1"><img class="tlistfirsticon" src="'.$settings['images_url'].'/tlist_spacer.gif" alt="" width="20" /></td>';
    $answ .= '<td class="tlistcol2">-</td></tr>';
    break;
    }
    case 'index_container_open':
    $answ '<div class="tlistindex">'.$txt['jump_to'];
    break;
    case 'index_bit':
    $answ ' <a href="#tl_{TITLE}">{TITLE}</a>';
    break;
    case 'index_container_close':
    $answ '</div>';
    break;
    }
    return $answ;
    }

    ?>


    Can you help me? :)
    Title: Re: Reflection Img BBC
    Post by: AlenNS on March 16, 2009, 05:26:39 PM
    Quote from: AlenNS on March 12, 2009, 09:56:54 PM
    I know, but when I click on refle BBC and add some picture link it writes that link like that, not me. :-/
    Bump :-/
    Title: Re: Reflection Img BBC
    Post by: DeviDarkL on March 18, 2009, 12:09:40 AM
    Quote from: DeviDarkL on March 16, 2009, 04:59:19 PM
    Can you help me? :)

    Anyone? :(
    Title: Re: Reflection Img BBC
    Post by: wiki on March 18, 2009, 04:48:33 PM
    Hi and thx for a great idea.

    I install the mod but is not reflect images I am using another theme not the default for SMF 2 RC1 and also something is wrong at post is not show the button:

    Title: Re: Reflection Img BBC
    Post by: DeviDarkL on March 18, 2009, 08:01:57 PM
    Hi wiki.

    In order to show the button, you need to upload it's image to the images directory of your current theme.

    Hum.. I see that your problem is the same happing to me. If you change to the default theme you should see the reflect. Somehow reflection isn't working in other themes even though their files are changed too :'(

    M-DVD, help is need in this sector :D
    Title: Re: Reflection Img BBC
    Post by: wiki on March 18, 2009, 10:38:49 PM
    Quote from: DeviDarkL on March 18, 2009, 08:01:57 PM
    Hi wiki.

    In order to show the button, you need to upload it's image to the images directory of your current theme.

    Hum.. I see that your problem is the same happing to me. If you change to the default theme you should see the reflect. Somehow reflection isn't working in other themes even though their files are changed too :'(

    M-DVD, help is need in this sector :D

    Thank you for your help yes i can see the button now but still no reflection.
    Title: Re: Reflection Img BBC
    Post by: M-DVD on March 19, 2009, 11:12:03 AM
    Sorry, i'm "missing" of SMF, because it was sick and now i have work accumulated (in real life).

    Quote from: AlenNS on March 12, 2009, 09:56:54 PM
    I know, but when I click on refle BBC and add some picture link it writes that link like that, not me. :-/

    I don't understand why this happens. Unless you're doing something wrong or you have a misunderstanding.

    1.- Click in BBCode Refle -----> [refle][/refle]

    2.- Paste the URL -----> [refle]URL[/refle]

    3?.- Select all and click BBCode Url --------> [url][refle]URL[/refle][/url]

    Where is wrong?.

    Quote from: DeviDarkL on March 16, 2009, 04:59:19 PM
    Hi M-DVD

    I instaled this mod and in the default template works fine but in a custom template it doesn't :(

    And Yes, I did the mod needed to work in index.template.php. Post.template.php doesn't exist in Silent Wave template so I think the template is using the default post.template.

    Here is the Index.template.php from the custom theme:

    Can you help me? :)

    That does not work ...
    Do you not see the reflection?
    Do you not see the button BBCode?

    Another question: what SMF version are you use?

    And yes, if your theme not have post.template, then it uses the default file.

    Quote from: wiki on March 18, 2009, 10:38:49 PM
    Thank you for your help yes i can see the button now but still no reflection.

    What SMF version are you use?

    Did you change yours index.template?

    Did you upload the reflect.js file?

    PD: Thank DeviDarkL  for help :P

    Quote from: DeviDarkL on March 14, 2009, 09:21:01 AM
    Great Mod (again and again :P)

    Portuguese_PT Translation & Brazilian Translation(normal and utf8):


    Thanks for translate :D

    In the next weeks, i upload your work. Thanks.
    Title: Re: Reflection Img BBC
    Post by: DeviDarkL on March 19, 2009, 09:05:25 PM
    Quote from: M-DVD on March 19, 2009, 11:12:03 AM
    PD: Thank DeviDarkL  for help :P

    No hay problema :P ¿uno para todos y todos para uno, no? ;) eheh!




    I do see the BBC button and I have my index.template.php changed, here is a part of it where Reflection code is:
    echo '
    </div>
    <script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/scripts/reflection.js?b4"></script></body></html>';
    }


    I even can copied the default scripts folder for my custom theme directory but we no luck >:(

    I only see the reflections if I change to the default theme of SMF. In any other theme, the reflection doesn't work. The version I'm using is 2.0 Beta 4.
    Title: Re: Reflection Img BBC
    Post by: Tiribulus on March 20, 2009, 12:44:34 AM
    I had to move the reflection.js file into the folder for my theme if I remember right.
    Title: Re: Reflection Img BBC
    Post by: DeviDarkL on March 20, 2009, 10:36:01 AM
    Quote from: Tiribulus on March 20, 2009, 12:44:34 AM
    I had to move the reflection.js file into the folder for my theme if I remember right.

    Tried that and didn't work. I've even opened the reflection.js file with notepad++ but there isn't any code that indicates that the code only works with the default theme.

    Dunno why only works in default theme and not in custom themes. Can't find the problem :'(
    Title: Re: Reflection Img BBC
    Post by: DeviDarkL on March 20, 2009, 10:00:39 PM
    M-DVD, i searched a little in Reflections Avatar forum and I tried the solution for the problem that some members suggested:

    Move
    <script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/scripts/reflection.js?b4"></script>

    To (before)
    </head>

    And, because I'm using YSHOUT i added
    if(previousOnload) previousOnload(); addReflections();

    to
    window.onload=function(){ loadChat(); if(previousOnload) previousOnload(); addReflections(); };

    But the problem persists. My theme is SilentWave. Here is my index.template.php

    Can you help me?
    Title: Re: Reflection Img BBC
    Post by: M-DVD on March 23, 2009, 12:30:15 PM
    Sorry for delay.

    Quote from: DeviDarkL on March 19, 2009, 09:05:25 PM
    No hay problema :P ¿uno para todos y todos para uno, no? ;) eheh!

    Por supuesto  O:).

    Quote from: DeviDarkL on March 19, 2009, 09:05:25 PM
    I do see the BBC button and I have my index.template.php changed, here is a part of it where Reflection code is:
    echo '
    </div>
    <script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/scripts/reflection.js?b4"></script></body></html>';
    }


    Yes, is fine.

    And, no, isn't necessary move the file reflect.js

    Quote from: DeviDarkL on March 20, 2009, 10:36:01 AM
    Dunno why only works in default theme and not in custom themes. Can't find the problem :'(

    Yes, it is rare.

    Can you give me the URL, user and pass test?

    Quote from: DeviDarkL on March 20, 2009, 10:00:39 PM
    M-DVD, i searched a little in Reflections Avatar forum and I tried the solution for the problem that some members suggested:

    Move
    <script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/scripts/reflection.js?b4"></script>

    To (before)
    </head>

    And, because I'm using YSHOUT i added
    if(previousOnload) previousOnload(); addReflections();

    to
    window.onload=function(){ loadChat(); if(previousOnload) previousOnload(); addReflections(); };

    But the problem persists. My theme is SilentWave. Here is my index.template.php

    Can you help me?

    No, no, this is an old problem, already solved in the newer versions.

    Currently is before of: </body></html>

    --

    Quote from: DeviDarkL on March 14, 2009, 09:21:01 AM
    Great Mod (again and again :P)

    Portuguese_PT Translation & Brazilian Translation(normal and utf8):

    Thanks you, your translations have been uploaded. :)
    Title: Re: Reflection Img BBC
    Post by: DeviDarkL on March 23, 2009, 05:36:39 PM
    Sent you a PM ;)
    Title: Re: Reflection Img BBC
    Post by: M-DVD on March 28, 2009, 01:47:28 PM
    Quote from: DeviDarkL on March 23, 2009, 05:36:39 PM
    Sent you a PM ;)

    Done

    --

    Quote from: wiki on March 18, 2009, 10:38:49 PM
    Thank you for your help yes i can see the button now but still no reflection.

    Quote from: AlenNS on March 12, 2009, 09:56:54 PM
    I know, but when I click on refle BBC and add some picture link it writes that link like that, not me. :-/

    Sorry to skip these messages.  :-[

    Can you give me URL, user and pass test?
    Title: Re: Reflection Img BBC
    Post by: islam2hamy on April 04, 2009, 02:43:57 AM
    Thank you , very good mod ,

    Arabic translation :

    $txt['refle'] = 'إضافة صورة + خاصية الإنعكاس';

    lease before put the translation in the file be sure that the file encode is UTF-8
    Title: Re: Reflection Img BBC
    Post by: M-DVD on April 04, 2009, 03:35:17 PM
    Quote from: islam2hamy on April 04, 2009, 02:43:57 AM
    Thank you , very good mod ,

    Arabic translation :

    $txt['refle'] = 'إضافة صورة + خاصية الإنعكاس';

    Thanks for translate, have been uploaded. :)

    Quote from: islam2hamy on April 04, 2009, 02:43:57 AM
    lease before put the translation in the file be sure that the file encode is UTF-8

    Thanks for the tip :P, I had trouble saving the Arabic characters in txt files.
    Title: Re: Reflection Img BBC
    Post by: islam2hamy on April 05, 2009, 03:01:43 AM
    Quote from: M-DVD on April 04, 2009, 03:35:17 PM
    Quote from: islam2hamy on April 04, 2009, 02:43:57 AM
    please before put the translation in the file be sure that the file encode is UTF-8

    Thanks for the tip :P , I had trouble saving the Arabic characters in txt files.


    No problem .  ;)
    Title: Re: Reflection Img BBC
    Post by: LOVELORD on April 17, 2009, 07:53:10 PM
    Sebian-latin
    Serbian-cyrilic
    Title: Re: Reflection Img BBC
    Post by: M-DVD on April 20, 2009, 12:09:09 AM
    Quote from: LOVELORD on April 17, 2009, 07:53:10 PM
    Sebian-latin
    Serbian-cyrilic

    Thanks for translate. I have upload your translation :D
    Title: Re: Reflection Img BBC
    Post by: Robbo_ on December 03, 2009, 11:57:21 PM
    Are you planning on updating this to 2.0 RC2 anytime soon? If not please say so, so I can update it myself.