Data feed file integration price comparison shopping script

Documentation Wiki - DataFeedFile.com - Online merchant datafeed integration for affiliates : searchenginephptother2

HomePage | Categories :: PageIndex :: RecentChanges :: RecentlyCommented :: Login/Register
Home Affiliate FAQ Merchant FAQ Examples Merchants Networks & Programs Forum Blog Wiki Knowledge Base Login

Formatting CSS Search Result

The CSS search engine generates unformatted output. To format the output, use "view source" on the output generated by the PHP code to see the structure of the DIVs and SPANs and their respective classes and id's.

List View Sample CSS

The following is an example of a list view style sheet:

div#dff_search { font-family:tahoma,sans-serif; font-size:70%; }
div#dff_search input, div#dff_search select { font-family:tahoma,sans-serif; font-size:100%; }
div#dff_search a:link, div#dff_search a:visited { text-decoration:none; color:#16359a }
div#dff_search a:active { text-decoration:none; color:#666666; }
div#dff_search a:hover { text-decoration:none; color:indianred; }
 
div#dff_search div#dff_searchbar { background:#e6e6e6; }
div#dff_search div#dff_searchbardiv { padding:4px; margin:0px; text-align:center; }
div#dff_search div#dff_searchbardiv div { display:inline; }
div#dff_search div#dff_searchboxtext1 { }
div#dff_search div#dff_searchbox { }
div#dff_search div#dff_searchboxtext2 { }
div#dff_search div#dff_searchcategory { }
div#dff_search div#dff_searchcategory select { }
div#dff_search div#dff_searchsubmit { }
div#dff_search div#dff_searchtips { }
 
div#dff_search div#dff_searchpath { }
div#dff_search div#dff_searchpathdiv { padding:16px; margin:0px; border-bottom:1px solid #aaaaaa; }
div#dff_search div#dff_searchpathdiv div { display:inline; }
div#dff_search div#dff_searchpath a { font-size:120%; font-weight:bold; }
div#dff_search div#dff_searchpathgt { font-weight:bold; }
div#dff_search div#dff_searchpathtext { font-size:120%; font-weight:bold; }
div#dff_search div#dff_searchpathmerlogo { }
div#dff_search div#dff_searchpathmer { }
div#dff_search div#dff_searchpathkeyword { }
div#dff_search div#dff_searchpathcat1num { }
div#dff_search div#dff_searchpathcat2num { }
div#dff_search div#dff_searchpathcatnum { }
div#dff_search div#dff_searchpathmfg { }
div#dff_search div#dff_searchpathpricerange { }
div#dff_search div#dff_searchpathnomatch { }
 
div#dff_search div#dff_sidebar { width:299px; float:left; border-right:1px solid #aaaaaa; }
div#dff_search div#dff_sidebardiv { }
   
div#dff_search div#dff_sidebarprice { width:100%; float:left; padding-top:16px; }
div#dff_search div#dff_sidebarpricediv { padding-left:20px; }
div#dff_search div#dff_sidebarpricelabel { font-size:120%; font-weight:bold; }
div#dff_search div.dff_sidebarpricelink { width:100%; float:left; }
div#dff_search div.dff_sidebarpricelinkdiv { padding:0px 6px; width:100%; display:inline; }
div#dff_search div.dff_sidebarpricelinkdiv a { }
   
div#dff_search a.dff_toggler { font-size:90%; font-weight:bold; }
   
div#dff_search div#dff_sidebarcat { width:100%; float:left; padding-top:16px; }
div#dff_search div#dff_sidebarcatdiv { padding-left:20px; }
div#dff_search div#dff_sidebarcatlabel { font-size:120%; font-weight:bold; }
div#dff_search div#dff_sidebarcatlabeldiv { }
div#dff_search div.dff_sidebarcatlist { }
div#dff_search div#dff_sidebarcatlistdiv { }
div#dff_search a.dff_cattoggler { font-size:90%; font-weight:bold; }
   
div#dff_search div#dff_sidebarmfg { width:100%; float:left; padding-top:16px; }
div#dff_search div#dff_sidebarmfgdiv { padding-left:20px; }
div#dff_search div#dff_sidebarmfglabel { font-size:120%; font-weight:bold; }
div#dff_search div#dff_sidebarmfglabeldiv { }
div#dff_search div.dff_sidebarmfglist { }
div#dff_search div#dff_sidebarcatmfgdiv { }
div#dff_search a.dff_mfgtoggler { font-size:90%; font-weight:bold; }

div#dff_search div#dff_sidebarmer { width:100%; float:left; padding-top:16px; }
div#dff_search div#dff_sidebarmerdiv { padding-left:20px; }
div#dff_search div#dff_sidebarmerlabel { font-size:120%; font-weight:bold; }
div#dff_search div#dff_sidebarmerlabeldiv { }
div#dff_search div.dff_sidebarmerlist { }
div#dff_search div#dff_sidebarcatmerdiv { }
div#dff_search a.dff_mertoggler { font-size:90%; font-weight:bold; }

div#dff_search div#dff_body { margin:0px 0px 0px 300px; }
div#dff_search div#dff_body div#dff_viewbar { }
div#dff_search div#dff_body div#dff_viewbardiv { margin:10px 16px; }
div#dff_search div#dff_body div#dff_count { width:300px; float:left; font-size:120%; font-weight:bold; }
div#dff_search div#dff_body div#dff_mode1 { width:20px; height:17px; float:right;
 background:url(images/ico_listview.gif) top left no-repeat; }
div#dff_search div#dff_body div#dff_mode2 { width:20px; height:17px; float:right;
 background:url(images/ico_gridview.gif) top left no-repeat; }
div#dff_search div#dff_body div#dff_mode3 { width:20px; height:17px; float:right;
 background:url(images/ico_textview.gif) top left no-repeat; }
div#dff_search div#dff_body div#dff_sort { margin:0px 60px 0px 300px; text-align:right; }
div#dff_search div#dff_body div#dff_sortdiv { }
div#dff_search div#dff_body div#dff_sortby { display:inline; }
div#dff_search div#dff_body select#dff_sortselect { }
 
div#dff_search div#dff_body div#dff_itemlist { }
div#dff_search div#dff_body div#dff_itemlistdiv { margin:4px 10px 8px 12px; }
div#dff_search div.dff_item { width:100%; margin:0px 0px 12px; padding-bottom:4px; display:inline;
 float:left; border-bottom:1px solid #aaaaaa; }
div#dff_search div.dff_itemdiv { }
     
div#dff_search div.dff_image { width:80px; margin:0px 2px; float:left; }
div#dff_search div.dff_imagediv { }
div#dff_search div.dff_imagediv img { border:0px; }
     
div#dff_search div.dff_comparison { width:174px; margin-left:6px; float:right; }
div#dff_search div.dff_comparisondiv { }
div#dff_search div.dff_price { width:100%; text-align:right; margin-top:20px; }
div#dff_search div.dff_pricelabel { display:inline; }
div#dff_search div.dff_pricevalue { display:inline; font-weight:bold; color:indianred; }
div#dff_search div.dff_compare { width:100%; text-align:right; margin-top:2px; }
div#dff_search div.dff_comparediv { padding:4px 0px; }
       
div#dff_search a.dff_mercbutton:link { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:2px solid #666666; border-right:2px solid #666666; border-top:2px solid #e6e6e6; border-left:2px solid #e6e6e6; }
div#dff_search a.dff_mercbutton:visited { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:2px solid #666666; border-right:2px solid #666666; border-top:2px solid #e6e6e6; border-left:2px solid #e6e6e6; }
div#dff_search a.dff_mercbutton:hover { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:1px solid #666666; border-right:1px solid #666666; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }
div#dff_search a.dff_mercbutton:active { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:1px solid #666666; border-right:1px solid #666666; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }
         
div#dff_search a.dff_corebutton:link { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:2px solid #666666; border-right:2px solid #666666; border-top:2px solid #e6e6e6; border-left:2px solid #e6e6e6; }
div#dff_search a.dff_corebutton:visited { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:2px solid #666666; border-right:2px solid #666666; border-top:2px solid #e6e6e6; border-left:2px solid #e6e6e6; }
div#dff_search a.dff_corebutton:active { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:1px solid #666666; border-right:1px solid #666666; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }
div#dff_search a.dff_corebutton:hover { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:1px solid #666666; border-right:1px solid #666666; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }          
     
div#dff_search div.dff_description { margin:0px 180px 0px 84px; }
div#dff_search div.dff_descriptiondiv { }
div#dff_search div.dff_title { display:inline; }
div#dff_search div.dff_titlediv { margin:0px 0px 8px 4px; }
div#dff_search div.dff_titlediv { font-weight:bold; }
div#dff_search div.dff_text { display:inline; }
div#dff_search div.dff_textdiv { margin:0px 2px 8px 10px; }
div#dff_search div.dff_rating { float:left; }
div#dff_search div.dff_ratinglabel { float:left; padding-left:10px; }
div#dff_search div.dff_ratingvalue { float:left; padding-left:3px; }
div#dff_search div.dff_ratingvalue img { border:0px; width:40px; height:8px; }
div#dff_search div.dff_category { float:right; }
div#dff_search div.dff_categorydiv { font-weight:bold; color:indianred; }
   
div#dff_search div#dff_body div#dff_pagebar { width:100%; float:left; text-align:center; }
div#dff_search div#dff_body div#dff_pagebardiv { margin-bottom:16px; }
div#dff_search div#dff_body div#dff_pagebardiv a { font-weight:bold; text-decoration:underline; }
div#dff_search div#dff_body div#dff_pagebarnumber { padding-right:2px; display:inline; font-weight:bold; color:indianred; }
   
div#dff_search div#dff_suggest { padding:16px 21px;}
div#dff_search div#dff_suggestdiv { font-size:1.2em; }
div#dff_search div#dff_suggestdiv li { font-size:0.9em; }


Grid View Sample CSS


The following is an example of a grid view style sheet:

div#dff_search { font-family:tahoma,sans-serif; font-size:70%; }
div#dff_search input, div#dff_search select { font-family:tahoma,sans-serif; font-size:100%; }
div#dff_search a:link, div#dff_search a:visited { text-decoration:none; color:#16359a }
div#dff_search a:active { text-decoration:none; color:#666666; }
div#dff_search a:hover { text-decoration:none; color:indianred; }

div#dff_search div#dff_searchbar { background:#e6e6e6; }
div#dff_search div#dff_searchbardiv { padding:4px; margin:0px; text-align:center; }
div#dff_search div#dff_searchbardiv div { display:inline; }
div#dff_search div#dff_searchboxtext1 { }
div#dff_search div#dff_searchbox { }
div#dff_search div#dff_searchboxtext2 { }
div#dff_search div#dff_searchcategory { }
div#dff_search div#dff_searchcategory select { }
div#dff_search div#dff_searchsubmit { }
div#dff_search div#dff_searchtips { }

div#dff_search div#dff_searchpath { }
div#dff_search div#dff_searchpathdiv { padding:16px; margin:0px; border-bottom:1px solid #aaaaaa; }
div#dff_search div#dff_searchpathdiv div { display:inline; }
div#dff_search div#dff_searchpath a { font-size:120%; font-weight:bold; }
div#dff_search div#dff_searchpathgt { font-weight:bold; }
div#dff_search div#dff_searchpathtext { font-size:120%; font-weight:bold; }
div#dff_search div#dff_searchpathmerlogo { }
div#dff_search div#dff_searchpathmer { }
div#dff_search div#dff_searchpathkeyword { }
div#dff_search div#dff_searchpathcat1num { }
div#dff_search div#dff_searchpathcat2num { }
div#dff_search div#dff_searchpathcatnum { }
div#dff_search div#dff_searchpathmfg { }
div#dff_search div#dff_searchpathpricerange { }
div#dff_search div#dff_searchpathnomatch { }

div#dff_search div#dff_sidebar { width:100%; }
div#dff_search div#dff_sidebardiv { padding:12px 0px 12px; }

div#dff_search div#dff_sidebarprice { width:18.8%; display:inline; float:left; margin-bottom:16px; }
div#dff_search div#dff_sidebarpricediv { padding-left:20px; }
div#dff_search div#dff_sidebarpricelabel { font-size:120%; font-weight:bold; }
div#dff_search div.dff_sidebarpricelink { width:100%; float:left; }
div#dff_search div.dff_sidebarpricelinkdiv { padding:0px 6px; width:100%; display:inline; }
div#dff_search div.dff_sidebarpricelinkdiv a { }

div#dff_search a.dff_toggler { font-size:90%; font-weight:bold; }

div#dff_search div#dff_sidebarcat { width:27%; display:inline; float:left; margin-bottom:16px; }
div#dff_search div#dff_sidebarcatdiv { padding-left:20px; }
div#dff_search div#dff_sidebarcatlabel { font-size:120%; font-weight:bold; }
div#dff_search div#dff_sidebarcatlabeldiv { }
div#dff_search div.dff_sidebarcatlist { }
div#dff_search div#dff_sidebarcatlistdiv { }
div#dff_search a.dff_cattoggler { font-size:90%; font-weight:bold;}

div#dff_search div#dff_sidebarmfg { width:27%; display:inline; float:left; }
div#dff_search div#dff_sidebarmfgdiv { padding-left:20px; }
div#dff_search div#dff_sidebarmfglabel { font-size:120%; font-weight:bold; margin-bottom:16px; }
div#dff_search div#dff_sidebarmfglabeldiv { }
div#dff_search div.dff_sidebarmfglist { }
div#dff_search div#dff_sidebarcatmfgdiv { }
div#dff_search a.dff_mfgtoggler { font-size:90%; font-weight:bold; }

div#dff_search div#dff_sidebarmer { width:27%; display:inline; float:left; }
div#dff_search div#dff_sidebarmerdiv { padding-left:20px; }
div#dff_search div#dff_sidebarmerlabel { font-size:120%; font-weight:bold; margin-bottom:16px; }
div#dff_search div#dff_sidebarmerlabeldiv { }
div#dff_search div.dff_sidebarmerlist { }
div#dff_search div#dff_sidebarcatmerdiv { }
div#dff_search a.dff_mertoggler { font-size:90%; font-weight:bold; }

div#dff_search div#dff_body { width:100%; clear:both; border-top:1px solid #aaaaaa; margin-top:16px; }
div#dff_search div#dff_body div#dff_viewbar { }
div#dff_search div#dff_body div#dff_viewbardiv { margin:10px 16px; }
div#dff_search div#dff_body div#dff_count { width:300px; float:left; font-size:120%; font-weight:bold; }
div#dff_search div#dff_body div#dff_mode1 { width:20px; height:17px; float:right;
 background:url(images/ico_listview.gif) top left no-repeat; }
div#dff_search div#dff_body div#dff_mode2 { width:20px; height:17px; float:right;
 background:url(images/ico_gridview.gif) top left no-repeat; }
div#dff_search div#dff_body div#dff_mode3 { display:none; }
div#dff_search div#dff_body div#dff_sortdiv { }
div#dff_search div#dff_body div#dff_sortby { display:inline; }
div#dff_search div#dff_body select#dff_sortselect { }

div#dff_search div#dff_body div#dff_itemlist { }
div#dff_search div#dff_body div#dff_itemlistdiv { margin:4px 10px 8px 12px; }
div#dff_search div.dff_item { width:23.9%; margin:0px 1% 1% 0px; display:inline; float:left; }
div#dff_search div.dff_itemdiv { height:280px; border:1px solid #aaaaaa; padding:8px; }

div#dff_search div.dff_image { margin:24px auto 16px; text-align:center; }
div#dff_search div.dff_imagediv { }
div#dff_search div.dff_imagediv img { border:0px; }

div#dff_search div.dff_comparison { margin:0px auto; text-align:center; }
div#dff_search div.dff_comparisondiv { }
div#dff_search div.dff_price { width:100%; text-align:center; }
div#dff_search div.dff_pricelabel { display:inline; text-transform:capitalize; }
div#dff_search div.dff_pricevalue { display:inline; font-weight:bold; color:indianred; }
div#dff_search div.dff_compare { width:100%; text-align:center; margin-top:2px; }
div#dff_search div.dff_comparediv { padding:4px 0px; }

div#dff_search a.dff_mercbutton:link { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:2px solid #666666; border-right:2px solid #666666; border-top:2px solid #e6e6e6; border-left:2px solid #e6e6e6; }
div#dff_search a.dff_mercbutton:visited { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:2px solid #666666; border-right:2px solid #666666; border-top:2px solid #e6e6e6; border-left:2px solid #e6e6e6; }
div#dff_search a.dff_mercbutton:hover { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:1px solid #666666; border-right:1px solid #666666; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }
div#dff_search a.dff_mercbutton:active { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:1px solid #666666; border-right:1px solid #666666; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }

div#dff_search a.dff_corebutton:link { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:2px solid #666666; border-right:2px solid #666666; border-top:2px solid #e6e6e6; border-left:2px solid #e6e6e6; }
div#dff_search a.dff_corebutton:visited { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:2px solid #666666; border-right:2px solid #666666; border-top:2px solid #e6e6e6; border-left:2px solid #e6e6e6; }
div#dff_search a.dff_corebutton:active { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:1px solid #666666; border-right:1px solid #666666; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }
div#dff_search a.dff_corebutton:hover { font-family:arial,sans-serif; padding:1px 8px 2px; color:black; background:#cccccc;
 border-bottom:1px solid #666666; border-right:1px solid #666666; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }

div#dff_search div.dff_description { }
div#dff_search div.dff_descriptiondiv { }
div#dff_search div.dff_title { }
div#dff_search div.dff_titlediv { }
div#dff_search div.dff_titlediv { text-align:center; margin-top:4px; font-weight:bold; }
div#dff_search div.dff_text { display:none; }
div#dff_search div.dff_textdiv { }
div#dff_search div.dff_rating { display:none; }
div#dff_search div.dff_ratinglabel { }
div#dff_search div.dff_ratingvalue { }
div#dff_search div.dff_ratingvalue img { }
div#dff_search div.dff_category { }
div#dff_search div.dff_categorydiv { text-align:center; margin-top:4px; font-weight:bold; color:indianred; }

div#dff_search div#dff_body div#dff_pagebar { width:100%; float:left; text-align:center; }
div#dff_search div#dff_body div#dff_pagebardiv { margin-bottom:16px; }
div#dff_search div#dff_body div#dff_pagebardiv a { font-weight:bold; text-decoration:underline; }
div#dff_search div#dff_body div#dff_pagebarnumber { padding-right:2px; display:inline; font-weight:bold; color:indianred; }

div#dff_search div#dff_suggest { padding:16px 21px;}
div#dff_search div#dff_suggestdiv { font-size:1.2em; }
div#dff_search div#dff_suggestdiv li { font-size:0.9em; }


Turning off the Search Bar


You can turn off the seach bar by specifying the following CSS attribute:

div#dff_search div#dff_searchbar { display:none; }


Turning off the Searchpath/Breadcrumb Bar


You can turn off the seachpath/breadcrumb bar by specifying the following CSS attribute:

div#dff_search div#dff_searchpath { display:none; }


Turning off the Sidebar


You can turn off the sidebar by specifying the following CSS attribute:

div#dff_search div#dff_sidebar { display:none; }


All the optional parameters can be passed to the script in addition to those described in the previous section.

There are no comments on this page. [Add comment]

Integrate price comparison shopping data feed file from thousands of online merchant product data feeds | Valid CSS

Page was generated in 0.3562 seconds