Spectacular CSS Resource

Contains tips for configurators working with Aware IM
Post Reply
PointsWell
Posts: 1457
Joined: Tue Jan 24, 2017 5:51 am
Location: 'Stralya

Spectacular CSS Resource

Post by PointsWell »

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/
PointsWell
Posts: 1457
Joined: Tue Jan 24, 2017 5:51 am
Location: 'Stralya

Re: Spectacular CSS Resource

Post by PointsWell »

30 second css tutorials/examples

http://littlesnippets.net/category/snippets/
Jaymer
Posts: 2430
Joined: Tue Jan 13, 2015 10:58 am
Location: Tampa, FL
Contact:

Re: Spectacular CSS Resource

Post by Jaymer »

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...
Screen Shot 2018-03-23 at 4.34.15 PM.png
Screen Shot 2018-03-23 at 4.34.15 PM.png (33.75 KiB) Viewed 13181 times
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
PointsWell
Posts: 1457
Joined: Tue Jan 24, 2017 5:51 am
Location: 'Stralya

Re: Spectacular CSS Resource

Post by PointsWell »

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
yahya
Posts: 77
Joined: Sat Jul 16, 2011 6:00 am
Location: South Africa
Contact:

Re: Spectacular CSS Resource

Post by yahya »

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
Post Reply