vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   Add-On Releases - jQt jQuery Suite for vB4 (https://vborg.vbsupport.ru/showthread.php?t=267121)

kishorprins 08-22-2011 11:01 AM

Quote:

Originally Posted by gothicuser (Post 2236288)
The only thing I can suggest off the top of my head is to just change the <li> bit thus:
Replace this:
PHP Code:

<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li

With this:
PHP Code:

<li><a href="#" rel="#sheet" id="see">Log In/Register</a></li

(this will turn the 'switch' off, but if it does work I'll sort something out)

If that still causes problems then maybe the custom style has an element identifier of 'see', in which case let me know and again, I'll try to sort something out.
Sorry to sound so vague, but it's Sunday night, and I'm kn*cke*ed!


The forgotten password I should have installed from the beginning, my bad. The login with Email I have tried, without much success, but (hopefully) watch this space.

That certainly did the trick :)! I have planned some customization; I've been working on some better buttons and changing the layout (e.g moving he "Remember me" option to the right). Hope you do not mind adding these "improvements".

Edit:
Where is the javascript for the close (the "X" image) for the pop up?

gothicuser 08-23-2011 03:45 AM

Quote:

Originally Posted by kishorprins (Post 2236523)
Hope you do not mind adding these "improvements".

Where is the javascript for the close (the "X" image) for the pop up?

For the first part, improve ahead, no problems from me at all :)

The scripting for the close button is in the main jQuery library itself. Called by the
<a class="close"></a>

Good to hear the 'fix' worked, thankyou for letting me know.

kishorprins 08-23-2011 11:01 AM

Quote:

Originally Posted by gothicuser (Post 2236864)
For the first part, improve ahead, no problems from me at all :)

The scripting for the close button is in the main jQuery library itself. Called by the
<a class="close"></a>

Good to hear the 'fix' worked, thankyou for letting me know.

I really can't use that since I will be using the default image. Even if I were to change the CSS and image, the jquery is setting the position. I want to use a custom image to close but it seems to be not possible.

gothicuser 08-23-2011 11:39 AM

Quote:

Originally Posted by kishorprins (Post 2236971)
I really can't use that since I will be using the default image. Even if I were to change the CSS and image, the jquery is setting the position. I want to use a custom image to close but it seems to be not possible.

No, the CSS fixes the image and position.
PHP Code:

/* default close button positioned on upper right corner */
.close {
    
background-image:url(images/img/close.png);
    
position:absoluteright:0pxtop:0px;
    
cursor:pointer;
    
height:35px;
    
width:35px;


The line 'position:absolute; right:0px; top:0px;' fixes the position to the top right.
This can be changed or omitted to suite your needs.

kishorprins 08-23-2011 01:46 PM

1 Attachment(s)
Quote:

Originally Posted by gothicuser (Post 2236985)
No, the CSS fixes the image and position.
PHP Code:

/* default close button positioned on upper right corner */
.close {
    
background-image:url(images/img/close.png);
    
position:absoluteright:0pxtop:0px;
    
cursor:pointer;
    
height:35px;
    
width:35px;


The line 'position:absolute; right:0px; top:0px;' fixes the position to the top right.
This can be changed or omitted to suite your needs.

Well this is really odd. I removed the positioning for the close block and edited the picture like so:

Code:

.close {
        background-image:url(images/c.png);
        cursor:pointer;
}

This my code for the jqt logout template:
Code:

<vb:if condition="$vboptions['jqt_suite_markread']  == '0'">
<script src="{vb:raw vboptions.bburl}/jqt_suite/jquery.tools.min-all.js" type="text/javascript"></script>

</vb:if>
        <vb:if condition="$vboptions['storecssasfile']">
                {vb:cssfile jqtsuite_yesno.css}
        <vb:else />
                {vb:cssfile jqtsuite_yesno.css}
        </vb:if>
<!-- Start of Logout Dialog -->
<div id="shuut">

<div style="display: block;" class="pane" id="pane11">
<div class="lrtop">

  <div class="mlr">
    &nbsp; Log Out
</div>
 <p style="text-align:center;">Do you really want to leave so soon? </p>
    <br />
                                    <p style="text-align:center;" class="high">
                <!--<input type="submit" value="Log Out?" class="rounded" /> -->
                        <a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}"><img alt="Accept" src="images/a.png"></img></a>   

                      <a class="close"></a> 
                        </p>
</div>
</div>

</div>

<script>
$(document).ready(function() {
$("#myfirm").validator({
        message: '<div><em/></div>',
        position: 'top left',
        offset: [3, 40]
});
// overlay with masking. when overlay is loaded or closed we hide error messages if needed
$("#suu").overlay({mask: '#000', speed: 'slow', fixed: false}).bind("onBeforeClose", function(e) {
        $(".error").hide();
});
});
</script>
    <!-- End of Logout Dialog -->

I changed the css file, added a "accept" button and I want to ad the close button next to the accept button but ... This is my outcome (please see attached picture).

gothicuser 08-23-2011 02:06 PM

Give me a couple of minutes

kishorprins 08-23-2011 02:12 PM

Quote:

Originally Posted by gothicuser (Post 2237008)
Give me a couple of minutes

It seems to be the logregister template. Since that is also being called, the CSS for the close element positioning is being set.

gothicuser 08-23-2011 02:33 PM

Quote:

Originally Posted by kishorprins (Post 2237010)
It seems to be the logregister template. Since that is also being called, the CSS for the close element positioning is being set.

Right, the CSS you have to edit is the jqt_suite.css template (inside the CSS template list)
I managed (with some fiddling) to position the close image pretty accurately, though remember that a: the '<a class="close"></a>' is kept, as that is what the jQt script is polling for, b: you must keep the 'absolute' and c: any changes to the CSS will effect all three templates. (logout, markread and logreg).
Keeping that in mind I made changes along the lines of:
position:absolute; right:80px; bottom:25px;
Experiment and let me know.

p.s. reading back over this glased my eyes, if you understand it, you're a better person than me :o

kishorprins 08-23-2011 02:42 PM

Quote:

Originally Posted by gothicuser (Post 2237017)
Right, the CSS you have to edit is the jqt_suite.css template (inside the CSS template list)
I managed (with some fiddling) to position the close image pretty accurately, though remember that a: the '<a class="close"></a>' is kept, as that is what the jQt script is polling for, b: you must keep the 'absolute' and c: any changes to the CSS will effect all three templates. (logout, markread and logreg).
Keeping that in mind I made changes along the lines of:
position:absolute; right:80px; bottom:25px;
Experiment and let me know.

p.s. reading back over this glased my eyes, if you understand it, you're a better person than me :o

Let me decode that ...
Keep the '<a class="close"></a>' where it is, then I need to keep the absolute positioning in the CSS file and all changes that I make to the CSS file effects all three templates.

Thanks for the help :).

gothicuser 08-23-2011 02:45 PM

Quote:

Originally Posted by kishorprins (Post 2237019)
Let me decode that ...
Keep the '<a class="close"></a>' where it is, then I need to keep the absolute positioning in the CSS file and all changes that I make to the CSS file effects all three templates.

Thanks for the help :).

Ignore the CSS file, it's the CSS TEMPLATE you need to edit.
You're welcome.


All times are GMT. The time now is 07:40 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01498 seconds
  • Memory Usage 1,774KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (2)bbcode_code_printable
  • (4)bbcode_php_printable
  • (9)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)pagenav_pagelinkrel
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete