Viewing 30 posts - 751 through 780 (of 1,837 total)
  • Author
    Posts
  • #516692

    I am completely self taught at this whole web design and development stuff. But Enfold makes it really easy and fun. I love this template and I am excited to see how my site evolves over time as I learn more about all of the options! Thanks!!!

    http://www.iealombard.org/

    #517313

    well @freepixelweb : you don’t need a hardcoded thing for that if you are only thinking bout such a blur effect.
    If you are using f.e. the shrinking logo effect there comes a new class to the header which you can use for the starting of a transition effect.

    make a colorsection (maybe 100% of screenheight) give a class to that colorsection (in my case imgblur) try:

    
    #header.header-scrolled + #main #av_section_1 {
    filter: blur(5px);
    -webkit-transition: 2s -webkit-filter linear;
    -moz-transition: 2s -moz-filter linear;
    -o-transition: 2s -o-filter linear;
    transition: 2s filter linear;
    }

    you can see it here:
    http://webers-testseite.de/enf02/beispiel-seite/

    #517422

    Great idea @Guenni007 is light and functional … bravo … and thank you!

    Regards.
    Jean

    #517472

    @Guenni007
    Yes it works but only with Firefox. It do not works witg Safari, Chrome… :-(

    #517527

    @pako69 And with : -webkit-filter: blur(5px); ? :-)
    I think the description of transitions are not good for Safari :
    http://css3.bradshawenterprises.com/transitions/

    Regards.
    Jean

    • This reply was modified 8 years, 5 months ago by freepixelweb.
    #517537

    @Guenni007 what I have is:

    #header.header-scrolled + #main #fullscreen_slider_0 {
    filter: blur(5px);
    -webkit-filter': 'blur(5px);
    -webkit-transition: 2s -webkit-filter linear;
    -moz-transition: 2s -moz-filter linear;
    -o-transition: 2s -o-filter linear;
    transition: 2s filter linear;
    }
    

    >> No change… sorry

    #517547

    -webkit-filter’: ‘blur(5px); -> -webkit-filter: blur(5px);

    It’s work… but the transition no.

    • This reply was modified 8 years, 5 months ago by freepixelweb.
    #518015

    sorry: here is the rest and the missing imgblur class of that color section ( you want to have that effect ) to make it specific

    #header.header-scrolled + #main #av_section_1.imgblur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: 2s -webkit-filter linear;
    -moz-transition: 2s -moz-filter linear;
    -o-transition: 2s -o-filter linear;
    transition: 2s filter linear;
    }

    on safari for Windows it does not work at all

    • This reply was modified 8 years, 5 months ago by Guenni007.
    #518561

    @Belema
    We used the LayerSlider for that. I’m glad you like it!

    #518896

    hey DUALWERK – this slider is “awfully nice”.
    Great job.
    wow wow

    ich sehe den Quellcode und komme doch nicht dahinter.
    kannst du mal das als zip exportieren, und mir hochladen :lol:

    ich würde gerne sehen wie das geht.

    • This reply was modified 8 years, 5 months ago by Guenni007.
    #519323

    @Guenni007
    Thanks for the compliment!

    The stripes are transparent areas which play an animated background image when hovered.

    Hope we could help!

    Greetings,
    DUALWERK

    • This reply was modified 8 years, 5 months ago by DUALWERK.
    #519748

    @DUALWORK
    How did you customized the sortable tab (with portfolio items) on your werke page, cause it looks very nice!

    • This reply was modified 8 years, 5 months ago by Devo.
    #520017

    @Devo
    We are glad you like it!

    It’s pretty simple:
    Just play around with the paddings & margins of the filters and add a border(“av-masonry-sort a”) and set the seperators to display:none (avia_show_sort). If you want you can add some stylings for the hover too of course. Use this class to style the active filter: “active_sort”.

    Hope this helps

    Greetings,
    DUALWERK

    • This reply was modified 8 years, 5 months ago by DUALWERK.
    #520204

    Hi, my last customer website, for fishing people : http://www.sakura-fishing.com/

    Regards.
    Jean

    #520232

    I have purchased several Enfold licenses for our clients. Here are a couple of Enfold sites we have built:

    http://chaseflooring.com
    http://foreverstyled.com
    http://heartaranch.com
    http://oldgloryranch.com
    http://genesysspine.com
    http://twohotmamas.com

    #523993

    Enfold makes it really easy and fun. I love this template and I am excited to see how my site evolves over time as I learn more about all of the options! Thanks!!!

    #523999

    Enfold makes it really easy and fun. I love this template and I am excited to see how my site evolves over time as I learn more about all of the options! Thanks!!!

    #525287

    I love the demos that have been put out. I really like to see how creative people get with using the elements, very inspiring. I think the Church demo is so very cool how it has everything laid out and the way they incorporated the music into the website is very nicely done.

    What are some of the demos in the works?

    Can’t wait to see what comes out next!!

    #525759

    Hey guys,

    I have posted my site before, but I have redesigned it completely using some of the new enfold elements, and I think I have been able to create some really interesting page templates that I have not yet seen in the examples shown or in the theme demos. Thought some of you might appreciate the inspiration.

    My home page (Creative use of “Grid Rows” and magazine/masonry elements to keep the user engaged as the scroll)
    My Blog (Using color sections, grid row and masonry elements to create a unique blog layout template)
    About (Grid rows and animated numbers create unique about page experience)
    Work Site (Fixed backgrounds inside of color sections allow for interesting transitions between elements)

    Enfold is hands down the best WordPress theme on the market, and it has allowed me to continually update and optimize my website over the last few years. I feel like team Kriesi is my outsourced development team, and their work just gets better with each update.

    #MuchLove

    #525797

    Very nice, love the layouts. Nice use of colors too.

    If you add this to your video URL you will get rid of the suggest videos at the end: ?rel=0&autoplay=1&

    If it doesn’t work for you in the video element try using the code element with the video embedded.

    Thanks for sharing your site!!

    #525858

    Hi together,

    I´d like to show you my new website too, created with enfold. It´s a bit different as the most other sites. My business is to shop online for elder people or people with a handicap. However, the page and the service is only available in German. I look forward to feedback anyway.

    https://www.heimbote.de

    Best regards from germany,
    Lars

    #525869

    I like the scroll down Lars, you have a lot of information represented there.

    I really like the way you staggered the circled images in the first white section, nice!!

    Thanks.

    #525871

    Hey Micheal,

    i have to thank you! :-)

    Best, Lars

    #527802

    Howdy ladies & gentleman,

    great work and very inspiring examples! Good to see how many possibilities you got with enfold.

    Here is one of mine:
    http://dy1.de/

    Best regards,
    Alexander

    #529083

    Nice website Alexander!

    I like the boxes with transparent borders and the images in the grid rows seem to cover more cells. Did you achieve all that only by using the Avia builder or did you do some custom work?

    Regards,
    Monique

    #529127

    @Monique, take a look, some custom css is used :

    #top .custom-css-class:hover {
      box-shadow: 0 0 42px 5px rgba(0, 0, 0, 0.16);
      transition: all 0.6s ease-in-out 0s;
    }
    #top .custom-css-class {
      transition: all 0.4s ease-in-out 0s;
    }
    #top .sc-pt-image {
      box-shadow: 0 0 42px 5px rgba(0, 0, 0, 0.16);
      transition: all 2s ease-in-out 0s;
    }
    #top .sc-pt-image {
      margin-right: -200px !important;
      width: 350px !important;
    }
    #top .sc-pt-image:hover {
      transform: scale(1.04, 1.04);
      transition: all 2s ease-in-out 0s;
    }
    #529207

    Nice Alexander!

    How do you get the home icon at the header menu?

    #529261

    @jumamedia, simple use a entypo-fontello in place of home text, like this :
    <span class="av-icon-char" data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" style="font-size:18px;line-height:18px;"></span>
    Regards.
    Jean

    #530709

    Hi guys,

    I finished this site for a client a few months ago, using Enfold.
    http://www.syniaditsolutions.co.uk/

    :)

    For this particular project it was great to use!

    #530710

    Hey Raymmar.. love the site! Think it is very engaging! :)
    Did you just use the tools that were there? No custom coding?
    Like it!

Viewing 30 posts - 751 through 780 (of 1,837 total)
  • You must be logged in to reply to this topic.