Get started with PHP-Fusion

Recommended Addons


Nature

Developed by : dimki (Website)

Category : Nature - Theme

User's Rating: Based on 2 Votes

Publisher's Description

Nature responsible theme

Detailed Screenshots

Nature

Editor's Review

by Falk on 23/12/2015

Very nice Theme !

Editor's Verdict

Total Score of (57/80)

4/5

Addon Uniqueness70%

Addon Size and Features70%

Addon Thoroughly tested and Established50%

Addon Versions Compatibility60%

Addon Type80%

Editors Opinion70%

Authors Fame Factor70%

Value for Money100%

Addon Rating is available to Members only.

Please login or register to vote.


A2 Hosting

Additional Information

Updated

December 23 2015 14:04:48

Author(s)

dimki

Downloaded

556 Times

Copyright

Size

927.18 KB

Price

Free

Current Version

Version 1.0

Made for PHP-Fusion

v7.02

Translations

No Additional translations

Support Thread

Nature

Support for Themes in the AddonDB

11 Replies 4,769 Views Last Updated on 1 year ago

dimki


Senior Member

#1

Posted 2 years ago

www.php-fusion.co.uk/infusions/addondb/img/screenshots/1034.png


Nature responsible theme

-- View this Addon --

Posts: 267

Joined: 29/04/2011

zizub


Member

#2

Posted 2 years ago

Good theme Good Thank you behind support v7

Posts: 92

Joined: 02/05/2012

dimki


Senior Member

#3

Posted 2 years ago

thanks ;)

style.css

and a little mistake

change with it
in line
Code Gist:

.post .contentbody,.article .contentbody {font:13px/1.4em "Istok Web",sans-serif; color: #454545;   display: block;   vertical-align: top;  padding: 6px 6px 6px;  }


in line
change with it
Code Gist:

#line-news { border-bottom: 1px double #eee;  padding: 15px 10px 0px; margin: 0 auto; z-index: 0; left: 0; }



If you wanted a different size side
changed from here left empty at 15px #side-border-right side 200px max rest 215 px max and up Look at the code

Code Gist:

/* Comment element properties */
#main-bg {    padding :6px; }
.side-both #main-bg {margin: 0 330px 0 230px;}
.side-left #main-bg {margin-left: 230px; }
.side-right #main-bg {margin-right: 330px; }
#side-border-left .panel, #side-border-right .panel, #container .panel, .post, .article {   margin-bottom: 15px }
#side-border-left {    float: left; width: 210px; max-width: 210px;    color: #777; padding: 6px; }
#side-border-right { float: right; width: 310px;    max-width: 310px; color: #777;    padding: 6px; }

Edited by dimki on 09-01-2016 16:41

Posts: 267

Joined: 29/04/2011

zizub


Member

#4

Posted 2 years ago

I discovered the lack of file hoverIntent.js in the folder js. For yourself, download it from here http://www.zafera...des/js/?DA
Developer Tools in browsers, show an error, in file includes\functions.php and redirect, not work, when the wrong address is entered, on page, that does not exist, on the site.
Code Gist:

if (FUSION_SELF !=="maintenance.php" && FUSION_SELF !=="go.php") {
add_to_footer("<script type='text/javascript'>
   $(function() {
   if ($.browser.msie && $.browser.version.substr(0,1)<7)
   {
   $('li').has('ul').mouseover(function(){
   $(this).children('ul').css('visibility','visible');
   }).mouseout(function(){
   $(this).children('ul').css('visibility','hidden');
   })
   }
   
   </script>");
   }

I, change the wrapper for operation, the error page 404 - According to this tutorial: http://unlogic.info/forum/viewthread.php?thread...ead_id=250
And still added, a brace in the end the script.
Code Gist:

if ( function_exists ( 'add_to_footer' ) ) {
add_to_footer("<script type='text/javascript'>
   $(function() {
   if ($.browser.msie && $.browser.version.substr(0,1)<7)
   {
   $('li').has('ul').mouseover(function(){
   $(this).children('ul').css('visibility','visible');
   }).mouseout(function(){
   $(this).children('ul').css('visibility','hidden');
   })
   }
   })
   </script>");
}

Also been in the Developer Tools, error: Uncaught ReferenceError: seconds is not defined
Code Gist:

window.onload = function startrefresh () {
setTimeout ('refreshdiv_livelastseenusers ()', seconds * 1000);
}

I add a line of code, in the file theme, includes \ live_last_seen_users.php - According to this tutorial: http://www.28im.com/javascript/a739121.html39121.html
Code Gist:

var seconds;
window.onload = function startrefresh () {
setTimeout ('refreshdiv_livelastseenusers ()', seconds * 1000);
}

Now, in the Developer Tools all cleanly no errors. I guess, not to spoil, so?
Edited by zizub on 13-01-2016 03:59

Posts: 92

Joined: 02/05/2012

dimki


Senior Member

#5

Posted 2 years ago

hoverIntent.js oh sory forgot :D

Code Gist:

(function($){
   /* hoverIntent by Brian Cherne */
   $.fn.hoverIntent = function(f,g) {
      // default configuration options
      var cfg = {
         sensitivity: 7,
         interval: 100,
         timeout: 0
      };
      // override configuration options with user supplied object
      cfg = $.extend(cfg, g ? { over: f, out: g } : f );

      // instantiate variables
      // cX, cY = current X and Y position of mouse, updated by mousemove event
      // pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
      var cX, cY, pX, pY;

      // A private function for getting mouse position
      var track = function(ev) {
         cX = ev.pageX;
         cY = ev.pageY;
      };

      // A private function for comparing current and previous mouse position
      var compare = function(ev,ob) {
         ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
         // compare mouse positions to see if they've crossed the threshold
         if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
            $(ob).unbind("mousemove",track);
            // set hoverIntent state to true (so mouseOut can be called)
            ob.hoverIntent_s = 1;
            return cfg.over.apply(ob,[ev]);
         } else {
            // set previous coordinates for next time
            pX = cX; pY = cY;
            // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
            ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
         }
      };

      // A private function for delaying the mouseOut function
      var delay = function(ev,ob) {
         ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
         ob.hoverIntent_s = 0;
         return cfg.out.apply(ob,[ev]);
      };

      // A private function for handling mouse 'hovering'
      var handleHover = function(e) {
         // next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut
         var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;
         while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } }
         if ( p == this ) { return false; }

         // copy objects to be passed into t (required for event object to be passed in IE)
         var ev = jQuery.extend({},e);
         var ob = this;

         // cancel hoverIntent timer if it exists
         if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }

         // else e.type == "onmouseover"
         if (e.type == "mouseover") {
            // set "previous" X and Y position based on initial entry point
            pX = ev.pageX; pY = ev.pageY;
            // update "current" X and Y position based on mousemove
            $(ob).bind("mousemove",track);
            // start polling interval (self-calling timeout) to compare mouse coordinates over time
            if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}

         // else e.type == "onmouseout"
         } else {
            // unbind expensive mousemove event
            $(ob).unbind("mousemove",track);
            // if hoverIntent state is true, then call the mouseOut function after the specified delay
            if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
         }
      };

      // bind the function to the two event listeners
      return this.mouseover(handleHover).mouseout(handleHover);
   };
   
})(jQuery);



2 live_last_seen_users.php
ok if you think its ok; :G


I have disabled error log in mein website and I have no idea what happens with errors

however, thank you that the Look
Edited by dimki on 10-01-2016 16:53

Posts: 267

Joined: 29/04/2011

zizub


Member

#6

Posted 1 year ago

Who knows how to do, in the news, css class of the paragraph, in this template? In html editor, I write:
<p class="comments">..text.. ..text.. ..text..</p>

In css file, I have written:
.comments {
font-size: 110% Georgia, Helvetica, Arial, sans-serif;
padding-left: 35px;
padding-top: 18px;
padding-bottom: 18px;
padding-right: 10px;
background-color: #e7e4e3;
margin: 1px;
background-position: left;
background-repeat: no-repeat;
text-indent: 20px;
}

It does not work for me, in template "Nature". In other templates that code works well. I have tried other options, they also do not work for me. What is the reason ?
Edited by zizub on 10-04-2016 23:22

Posts: 92

Joined: 02/05/2012

dimki


Senior Member

#7

Posted 1 year ago

I do not know exactly what you want to do ;)

footer.php or footer.html news , css ?

<p class="comments">..text.. ..text.. ..text..</p>

or

<p class='comments'>..text.. ..text.. ..text..</p>

Code Gist:

.comments p {
font-size: 110% Georgia, Helvetica, Arial, sans-serif;
padding-left: 35px;
padding-top: 18px;
padding-bottom: 18px;
padding-right: 10px;
background-color: #e7e4e3;
margin: 1px;
background-position: left;
background-repeat: no-repeat;
text-indent: 20px;
}

Edited by dimki on 11-04-2016 17:11

Posts: 267

Joined: 29/04/2011

zizub


Member

#8

Posted 1 year ago

I do not know exactly what you want to do ;)
footer.php or footer.html news , css ?

I want to install a new template on the site. All my old news published on the site, have one paragraph with css style that I have added in the TinyMCE, when published news. A photo http://i77.fastpi...00d68a.jpg
I opened, the styles.css file, and added to the bottom of, my code. A photo http://i77.fastpi...727c31.jpg
This style code working for some reason.
Code Gist:

.comments a
 .comments a: hover

Posts: 92

Joined: 02/05/2012

dimki


Senior Member

#9

Posted 1 year ago

I do not know if it is identical with the theme B)

and have tried with another theme and work ?

I do not know if it can help to someone another friend

tested
.comments p after 1 p
Code Gist:

    .comments p {
    font-size: 110% Georgia, Helvetica, Arial, sans-serif;
    padding-left: 35px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 10px;
    background-color: #e7e4e3;
    margin: 1px;
    background-position: left;
    background-repeat: no-repeat;
    text-indent: 20px;
    }



or give me the code to try prive

Posts: 267

Joined: 29/04/2011

zizub


Member

#10

Posted 1 year ago

Thank you for attempting to help the.
comments p - I tried it, he also does not work for me. I have also tried to use a different name, for example .comm, it also does not work for me. Maybe there is a way to make the download icon or photo to denote the download link?
-----------------------
PS: has deleted him my css code is too big, is taking more space.
Edited by zizub on 12-04-2016 17:30

Posts: 92

Joined: 02/05/2012

zizub


Member

#11

Posted 1 year ago

At me it turned to find a solution, and now everything works. I don't quite understand the code, but for some reason it works this way:
Code Gist:

.comments { }
.comments a { color:#cc8900; text-decoration: none;  font-weight: none;  }
.comments a:hover {  color:#464646; text-decoration: none; border-bottom: 0 none;}
.p, .comments {
   font-size: 110% Georgia, Helvetica, Arial, sans-serif;
   padding-left: 35px;
   padding-top: 18px;
   padding-bottom: 18px;
   padding-right: 10px;
   background-color: #e7e4e3;
   margin: 1px;
   background-position: left;
   background-repeat: no-repeat;
   text-indent: 20px;
}

Dimki Thanks for the advice they gave me the impetus to further experiments.

Posts: 92

Joined: 02/05/2012

dimki


Senior Member

#12

Posted 1 year ago

I did not do anything

only you Pfft

Posts: 267

Joined: 29/04/2011

Jump to Forum: