Menu icon Foundation

Designer

My Posts


  • 2
    Replies
  • ZF 6 Callouts

    By Val Ery

    Callout

    Hi All! Quote: "Callouts combine panels and alerts from Foundation 5 into one generic container component." (http://foundation.zurb.com/sites/docs/callout.html) Now I'm trying to create a theme based on the foundation for sites 6 for my favorite CMS... (continued)

    Last Reply by Val Ery over 1 year ago


My Comments

Val Ery commented on Carol's post 5 days

Hi Carol!
If you have already solved the problem, then I'm sorry :)
CDN here - https://cdnjs.com/libraries
Foundation CDN versions here - https://cdnjs.com/libraries/foundation
And ... Your site (I just copied the HTML code and added your styles) - http://codepen.io/Val_Ery/full/MpVeXO/

Val Ery commented on Stephen Bramlett's post 6 days

Hi Stephen!
I'm glad you liked it :)
If you have any questions, ask. Together we will try to find an acceptable solution...
At the moment, you can easily get this:A) display angular segments instead of "rings"B) display a simple percentage value instead of an input element

Val Ery commented on Stephen Bramlett's post 7 days

Hi Stephen!
Today I made this progress bar ... http://codepen.io/Val_Ery/pen/mWpEPJThis is certainly not a radial progress bar. But the radial from this example can be obtained :)
In example:

Determined min and max value (aka 0% and 100%)
Displaying default value (attribute "value" ) in percent
Added ability to change the value (input element - type="number") by one percent

Such an example suits you?

Val Ery commented on Wyeth Myers's post 15 days

Hi Wyeth!
The easiest and fastest way:
In admin-panel select: Appearance -> Customize -> Additional CSS -> Add this
.row {
max-width: 100%;
}

Val Ery commented on Clarke Graves's post 16 days

Clarke!
I'm glad I could help :)

Val Ery commented on Clarke Graves's post 16 days

Hi Clarke!
You've overdone it with the background color :)
Your code here -> http://codepen.io/Val_Ery/pen/bqqmgK
I just changed the comments in the code
.top-bar, .top-bar ul {
background-color: #03147a;
/* background: none;
background: rgba(255,255,255, 0.0); */
}
So your website looks like with this change

Val Ery commented on Kaya Tuerkay's post 20 days

Hi Kaya!
Somewhat not so... You are using
[assets/img/bg-img/BG-img-s/shutterstock_11501974.jpg, (default)], [assets/img/bg-img/BG-img-s/shutterstock_11501974.jpg, (small)], [assets/img/bg-img/BG-img-m/shutterstock_11501974.jpg, (medium)], [assets/img/bg-img/BG-img-l/shutterstock_11501974.jpg, (large)], [assets/img/bg-img/BG-img-xl/shutterstock_11501974.jpg, (xlarge)], [assets/img/bg-img/BG-img-xl/shutterstock_11501974.jpg, (xxlarge)]
Try it:
[assets/img/bg-img/BG-img-s/shutterstock_11501974.jpg, small],
[assets/img/bg-img/BG-img-m/shutterstock_11501974.jpg, medium],
[assets/img/bg-img/BG-img-l/shutterstock_11501974.jpg, large],
[assets/img/bg-img/BG-img-xl/shutterstock_11501974.jpg, xlarge],
[assets/img/bg-img/BG-img-xl/shutterstock_11501974.jpg, xxlarge]

Val Ery commented on Thomas E. Vasquez's post 26 days

Hi, Thomas!Very high quality work. Thank you!

Val Ery commented on Iain MacDonald's post about 1 month

Hi Iain!Relatively sticky footer ... This example is suitable? - http://codepen.io/Val_Ery/pen/dvbZVL

Val Ery commented on Iain MacDonald's post about 1 month

Yeah, Iain! It is for this reason that I am using the Foundation Framework :)
One moment: in my example for the styles I use two slashes as a comment. Remove them (file admintables.css, line 1895)

Posts Followed








  • 9
    Replies
  • F6-Mobile Drop Down Menu Failure

    By Thomas Gerds

    navigation

    Greetings. I have site ready to make live, uploaded for testing, coded with fresh Foundation 6.3.0 template (did not re-use code from Foundation 5). Issue: drop down menu, does not function on (my) android mobile tablet, phone or iPad tablet. Works fine... (continued)

    Last Reply by Thomas Gerds about 1 month ago




Following

    No Content

Followers

My Posts


My Comments

You commented on Carol's post 5 days

Hi Carol!
If you have already solved the problem, then I'm sorry :)
CDN here - https://cdnjs.com/libraries
Foundation CDN versions here - https://cdnjs.com/libraries/foundation
And ... Your site (I just copied the HTML code and added your styles) - http://codepen.io/Val_Ery/full/MpVeXO/

You commented on Stephen Bramlett's post 6 days

Hi Stephen!
I'm glad you liked it :)
If you have any questions, ask. Together we will try to find an acceptable solution...
At the moment, you can easily get this:A) display angular segments instead of "rings"B) display a simple percentage value instead of an input element

You commented on Stephen Bramlett's post 7 days

Hi Stephen!
Today I made this progress bar ... http://codepen.io/Val_Ery/pen/mWpEPJThis is certainly not a radial progress bar. But the radial from this example can be obtained :)
In example:

Determined min and max value (aka 0% and 100%)
Displaying default value (attribute "value" ) in percent
Added ability to change the value (input element - type="number") by one percent

Such an example suits you?

You commented on Wyeth Myers's post 15 days

Hi Wyeth!
The easiest and fastest way:
In admin-panel select: Appearance -> Customize -> Additional CSS -> Add this
.row {
max-width: 100%;
}

You commented on Clarke Graves's post 16 days

Clarke!
I'm glad I could help :)

You commented on Clarke Graves's post 16 days

Hi Clarke!
You've overdone it with the background color :)
Your code here -> http://codepen.io/Val_Ery/pen/bqqmgK
I just changed the comments in the code
.top-bar, .top-bar ul {
background-color: #03147a;
/* background: none;
background: rgba(255,255,255, 0.0); */
}
So your website looks like with this change

You commented on Kaya Tuerkay's post 20 days

Hi Kaya!
Somewhat not so... You are using
[assets/img/bg-img/BG-img-s/shutterstock_11501974.jpg, (default)], [assets/img/bg-img/BG-img-s/shutterstock_11501974.jpg, (small)], [assets/img/bg-img/BG-img-m/shutterstock_11501974.jpg, (medium)], [assets/img/bg-img/BG-img-l/shutterstock_11501974.jpg, (large)], [assets/img/bg-img/BG-img-xl/shutterstock_11501974.jpg, (xlarge)], [assets/img/bg-img/BG-img-xl/shutterstock_11501974.jpg, (xxlarge)]
Try it:
[assets/img/bg-img/BG-img-s/shutterstock_11501974.jpg, small],
[assets/img/bg-img/BG-img-m/shutterstock_11501974.jpg, medium],
[assets/img/bg-img/BG-img-l/shutterstock_11501974.jpg, large],
[assets/img/bg-img/BG-img-xl/shutterstock_11501974.jpg, xlarge],
[assets/img/bg-img/BG-img-xl/shutterstock_11501974.jpg, xxlarge]

You commented on Thomas E. Vasquez's post 26 days

Hi, Thomas!Very high quality work. Thank you!

You commented on Iain MacDonald's post about 1 month

Hi Iain!Relatively sticky footer ... This example is suitable? - http://codepen.io/Val_Ery/pen/dvbZVL

You commented on Iain MacDonald's post about 1 month

Yeah, Iain! It is for this reason that I am using the Foundation Framework :)
One moment: in my example for the styles I use two slashes as a comment. Remove them (file admintables.css, line 1895)

Posts Followed

Following

  • No Content

Followers

  • No Content