I've been looking around for some basic card layouts for addresses and then got blown away by some of the CSS resources on this site.
Worth a look.
http://freefrontend.com/css-code-examples/
Spectacular CSS Resource
-
- Posts: 1460
- Joined: Tue Jan 24, 2017 5:51 am
- Location: 'Stralya
-
- Posts: 1460
- Joined: Tue Jan 24, 2017 5:51 am
- Location: 'Stralya
Re: Spectacular CSS Resource
Sean
I tried this snippet in a Query custom template.
http://littlesnippets.net/snip1506/
pretty easy to do.
But I'm not getting the social icons.
the link to Iconic CSS is working, but nothing appears... If I hover over the area under the image i can find the small hyperlink area - but since the icons isn't there its narrow. I also set the background color in my Query (cause the icons might be white) and that didn't make them appear.
any ideas?
my custom template:
I tried this snippet in a Query custom template.
http://littlesnippets.net/snip1506/
pretty easy to do.
But I'm not getting the social icons.
the link to Iconic CSS is working, but nothing appears... If I hover over the area under the image i can find the small hyperlink area - but since the icons isn't there its narrow. I also set the background color in my Query (cause the icons might be white) and that didn't make them appear.
any ideas?
my custom template:
Code: Select all
<figure class="snip1506">
<div class="profile-image"><img src="{PictureURL}" alt="Lead Picture" />
<div class="icons"><a href="#"><i class="ion-social-reddit"></i></a><a href="#"> <i class="ion-social-twitter"></i></a><a href="#"> <i class="ion-social-vimeo"></i></a></div>
</div>
<figcaption>
<h3>{FullName}</h3>
<h4>{Company}</h4>
<p>{Notes}</p>
</figcaption>
</figure>
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.
Jaymer
Aware Programming & Consulting - Tampa FL
Jaymer
Aware Programming & Consulting - Tampa FL
-
- Posts: 1460
- Joined: Tue Jan 24, 2017 5:51 am
- Location: 'Stralya
Re: Spectacular CSS Resource
What if you try substituting the Ionic with Font Awesome.
I haven’t tested any of these yet. Just thought that it looked like a useful resource
I haven’t tested any of these yet. Just thought that it looked like a useful resource
Re: Spectacular CSS Resource
Nice resource is https://bootsnipp.com/ which provides free code resources for bootstrap and jquery which are default in AwareIM.
AwareIM Developer edition. Version 8.5 (Build 2827) running on Windows Server 2012 R2 Standard