Viewing 30 posts - 151 through 180 (of 1,335 total)
  • Author
  • #220649

    Here is a website I did for a friend… everything in a single page and using prettyphoto (iframe) for more information.


    Enfold has changed my world. It allows me to create the website I always wanted without the crazy custom design expense. – Curious, Creative & Controversial!



    @chavamx: Lucky friend! The website is not loading.

    @raymmar: Nice website. Clean and sleek. Thank you for using Enfold. :)



    @ismael : I can definitely tell that you all are designers at heart and brilliant developers as well. You have made so many things possible for me with a simple theme. It is not a perfect solution but for now it is all it needs to be. Soon there will be more. Much more.

    Do you guys have a lead for me on who can do custom development on the enfold theme? Someone you know is comfortable with the theme and competent?



    @raymmar – we are pretty good at customizing enfold.

    Take a look at: – members area functionalities

    These are a few. you can shoot a message to david at zerozendesign dot com with your edit requests etc.

    Love what you are doing so far. Cheers.


    Here is my version of Enfold:
    It is not yet fully completed but it’s on the way.
    This was a very hard migration from about 1100 Joomla 1.5 posts
    I have some problems with the navigation (Enfold do not highlight the active link in the mainmenu/submenu if i use Pages as Blog, see: (Purchase code hidden if logged out) -with-enfold/
    The site is a litle bit slow but i plan to migrate it to a PHP 5.3+/Apache 2 soon. I could, at this point, install some cache systems.


    Finally our site is ready. Enfold is such a great because it’s so easy to try new things!


    Hey Folks – here’s my latest with Enfold!



    Great work :)




    My site is all about selling security stuffs. We are no 1 in Selling CCTV and Stuffs


    @happybeagle Very nice your website you did at . Could you please be so kind and share how you manage to do the background body with the logo on it?

    Thank you!



    @costin: He added it on a div then set it to fix:

    .main_color {
    background: #ffffff url( top center no-repeat fixed;



    Hi Raymmar – nice site. A question if I can. On you icons with the Koi is the float in link standard or is that custom. Cheers


    Which plugin are you using on this site for the share buttons on the right side? It looks very clean and beautiful!


    It’s not a WordPress plugin, i use AddThis API.
    Loot at my source code:
    First you will find:

        <div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="z-index:10000; background:none; right:0px;">
            <a title="Tweet this" class="addthis_button_twitter"></a>
    		<a title="Share on LinkedIn" class="addthis_button_linkedin"></a>
    		<a title="Publicly recommend on Google" class="addthis_button_google_plusone_share"></a>
    		<a title="Share on Facebook" class="addthis_button_facebook"></a>
    		<a title="Send to a friend" class="addthis_button_email"></a>
            <a title="Add to favorites" class="addthis_button_favorites"></a>

    And at the bottom of the page the Javascript

    <!-- AddThis Button BEGIN -->
    <script type="text/javascript">
    var addthis_config = 
    	data_ga_property: 'UA-295478-35',
    	data_track_clickback: false
    var addthis_share =
    	email_template: "ag_template",
        templates: {
                       twitter: 'Check out \'{{title}}\' on {{url}} from @Aug_Banking',
    <script type="text/javascript" src="//"></script>
    <!-- AddThis Button END -->

    And i have add my own CSS to place those icons where i want…



    Glad to see users helping each other out. :)



    Thanks for your answer. I see that it is possible to make your own on the website of Addthis. Thats very awesome! So the speed of your site is not going down by using a seperate plug-in.

    Can you helping to say where you past the code exactly? And what kind of CSS you have adding? (I think you have adding it by your api code: style=”z-index:10000; background:none; right:0px;”>)

    So I think that I can copy the upper code and that I must generate only a own javascript code?

    EDIT: Nevermind, I think you have past it in the header.php and the script in the footer.php. But if I want it on the middle of the page and not under the header what do you advise?

    • This reply was modified 3 years, 9 months ago by  Mike.

    Im finally done with my companys new site. Many thanks goes out to the Enfold support team for all the help along the way! Really great value for the money!

    Most customization is on the portfolios (“VÅRA PROJEKT” and “MEDARBETARE”), we were looking for a fast way of viewing the portfolios, so we use only the ajax preview and don’t have any link to a single portfolio page. This way we get a fast navigation without having to switch a page. Some customization was also done though Codeable, such as widening the page and the black and white effect on the portfolios.


    Great, but what is the uri?


    Edited that in now… :)


    @agarkitekter i like the black&white/color rollover effect in your portfolio, how did you do this?



    I got help with that, in header.php, just before </head>, I’ve added:

    // On window load. This waits until images have loaded which is essential

    // Fade in images so there isn’t a color “pop” document load and then on window load
    jQuery(“.isotope img”).fadeIn(500);

    // clone image
    jQuery(‘.isotope img’).each(function(){
    var el = jQuery(this);
    el.css({“position”:”absolute”}).wrap(“<div class=’img_wrapper’ style=’display: inline-block’>”).clone().addClass(‘img_grayscale’).css({“position”:”absolute”,”z-index”:”998″,”opacity”:”0″}).insertBefore(el).queue(function(){
    var el = jQuery(this);
    this.src = grayscale(this.src);

    // Fade image
    jQuery(‘.isotope img’).mouseover(function(){
    jQuery(this).parent().find(‘img:first’).stop().animate({opacity:1}, 1000);
    jQuery(this).stop().animate({opacity:0}, 1000);

    // Grayscale w canvas method
    function grayscale(src){
    var canvas = document.createElement(‘canvas’);
    var ctx = canvas.getContext(‘2d’);
    var imgObj = new Image();
    imgObj.src = src;
    canvas.width = imgObj.width;
    canvas.height = imgObj.height;
    ctx.drawImage(imgObj, 0, 0);
    var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
    for(var y = 0; y < imgPixels.height; y++){
    for(var x = 0; x < imgPixels.width; x++){
    var i = (y * 4) * imgPixels.width + x * 4;
    var avg = ([i] +[i + 1] +[i + 2]) / 3;[i] = avg;[i + 1] = avg;[i + 2] = avg;
    ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
    return canvas.toDataURL();


    Here is our work in progress ;)

    This reply has been marked as private.

    Cool illustrations @gloopy1!


    have also just launched this site for an arts group

    This reply has been marked as private.

    You will have to edit page.php or single.php files…

    This reply has been marked as private.
Viewing 30 posts - 151 through 180 (of 1,335 total)

You must be logged in to reply to this topic.