Creating a thumbnail style

Discussions related to custom GreatNews styles

Moderators: justauser, MysteryFCM

chronon
Posts: 13
Joined: Sun Oct 15, 2006 12:06 pm

Creating a thumbnail style

Postby chronon » Tue Dec 19, 2006 8:38 am

This is not the way I wanted, I wanted to hide the comments too, bu it seems that is not possible. My little trick to "hide" the comments is really a dirty one. If anyone knows how to hide the scrollbars without using the integral height of the story div, please let me know!

Anyway to install copy+paste in a new empty text file and save it as thumbnail.css in the media folder where GN is installed.

Based on Newspaper.css, here is the code for Thumbnail.css:

Code: Select all

body {
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom: 10px;
   margin: 0px;
   padding-top: 10px;
}

div.gn_pager {
   clear: both;
   font-size: 10px;
   font-family: 'Arial Black' , Arial;
   text-align: right;
   margin: 10px;
}

span.gn_pagenumber {
   padding-right: 2px;
   padding-left: 2px;
   color: white;
   background-color: gray;
}

a.gn_pagerlink {
   color: blue;
}

img {
   border: 0px;
   max-width: 100%;
}

td                  { display: none; }

a.noLabel           { display: none; }
a.withLabel         { display: none; }

span.noLabel        { display: none; }
span.withLabel      { display: none; }
span.commentTime    { display: none; }
span.gn_publishtime { display: none; }

div.comment         { display: none; }
div.comment p       { display: none; }
div.gn_storytitle   { display: none; }
div.gn_storyfooter  { display: none; }
div.gn_channeldesc  { display: none; }
div.gn_channeltitle { display: none; }
div.gn_channelimage { display: none; }
                         
div.gn_story, div.gn_stories {
   border-style: none;
   margin: 0px 0px 0px 0px;
   vertical-align: top;
   padding: 0px;
}

div.gn_story {
   width: 100%;
   overflow: visible;
}

div.gn_stories {
   width: 25%;
   float: left;
   overflow: visible;
}

div.gn_storydetails {
   font-size: 12px;
   color: #333;
   font-family: Tahoma, Verdana, Arial, sans-serif;
   max-height: 300px;
   height: 300px;
   overflow: auto;
}

User avatar
Jack
Site Admin
Posts: 3472
Joined: Fri Feb 18, 2005 12:05 am

Postby Jack » Fri Jan 05, 2007 9:53 pm

Thank you very much chronon! I uploaded your style file here:

http://www.curiostudio.com/misc/Thumbnail.css

chronon
Posts: 13
Joined: Sun Oct 15, 2006 12:06 pm

Postby chronon » Mon Jun 18, 2007 5:49 pm

Update version:

Code: Select all

/********************************************
 * Title:      Thumbnail
 * Description:   Create a 5 column view of images of your feeds.
 *            Remove all texts from your feeds (zero size, white background/font color)
 *            I use for to browse flickr and alike feeds
 * Autor:      ChRoNoN
 * Version:      v1.1 (From 18/06/12007)
 ********************************************/

body {
   padding-right: 5px;
   padding-left: 5px;
   padding-bottom: 5px;
   padding-top: 5px;
   margin: 0px;
}

img {
   padding: 0px;
   margin: 0px;
   border: 0px;
   width: 75%;
   height: 75%;
}

div.gn_pager {
   font-size: 10px;
   font-family: 'Tahoma';
   font-weight: Bold;
   clear: both;
   text-align: center;
   margin: 0px;
   background-color: #E0E0E0;
}

span.gn_pagenumber {
   padding-right: 0px;
   padding-left: 0px;
   color: white;
   background-color: #A0A0A0;
   text-align: center;
}

a.gn_pagerlink {
   color: blue;
}

div.gn_story, div.gn_stories {
   border-style: none;
   vertical-align: top;
   margin: 0px;
}

div.gn_stories {
   width: 20%;
   float: left;
   overflow: visible;
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 5px;
   padding-top: 5px;
}

div.gn_storydetails {
   font-size: 0px;
   color: white;
}

td               { display: none; }

a.noLabel         { display: none; }
a.withLabel         { display: none; }

span.noLabel      { display: none; }
span.withLabel      { display: none; }
span.commentTime   { display: none; }
span.gn_publishtime { display: none; }

div.comment         { display: none; }
div.comment p      { display: none; }
div.gn_story      { display: none; }
div.gn_storytitle   { display: none; }
div.gn_storyfooter  { display: none; }
div.gn_channeldesc  { display: none; }
div.gn_channeltitle { display: none; }
div.gn_channelimage { display: none; }


Return to “GreatNews Styles”

Who is online

Users browsing this forum: No registered users and 1 guest