Edit CSS Colors - Revision history

OfferitMegan: /* Favicon Icon */

2013-07-18T16:04:27Z

‎Favicon Icon

OfferitMegan: /* Favicon Icon */

2013-07-18T15:56:49Z

‎Favicon Icon

OfferitMegan: /* Body Background Image */

2013-07-18T15:56:22Z

‎Body Background Image

OfferitMegan at 14:45, 17 July 2013

2013-07-17T14:45:45Z

OfferitMegan at 19:52, 18 June 2013

2013-06-18T19:52:50Z

OfferitMegan: /* Header Logo Upload */

2012-12-31T20:56:51Z

‎Header Logo Upload

OfferitMegan: /* Header Logo Upload */

2012-12-31T20:56:39Z

‎Header Logo Upload

OfferitMegan at 17:37, 7 September 2012

2012-09-07T17:37:39Z

OfferitMegan: /* Customize Theme CSS Colors and Settings */

2012-08-24T14:38:42Z

‎Customize Theme CSS Colors and Settings

OfferitMegan at 16:20, 20 August 2012

2012-08-20T16:20:54Z

@@ Line 101: / Line 101: @@
 [[File:Favicon2.png|Favicons in Chrome]]
-Don't have your own favicon yet? There are lots of free [http://www.favicon.cc/| favicon generators] on the web you can use to make an icon or just test ideas.  But don't worry, Offerit already has the Offerit logo set as a favicon by default, and it is only optional to add your own.
+Don't have your own favicon yet? There are lots of free [http://www.favicon.cc favicon generators] on the web you can use to make an icon or just test ideas.  But don't worry, Offerit already has the Offerit logo set as a favicon by default, and it is only optional to add your own.
 The ideal size for your favicon image is 16x16 pixels.  While Offerit will resize any image to 16x16px, the aspect ratio is not preserved.  Also, resizing tends to make the favicon look less crisp.  For example:

@@ Line 107: / Line 107: @@
 [[File:Favicon3.png|Favicons in Firefox]]
-The '''+P''' icon was 16x16 pixels, while the '''$''' icon was resized.
+The '''+P''' icon was 16x16 pixels, while the '''+$''' icon was resized.
 == Saving Your Skin ==

← Older revision		Revision as of 15:56, 18 July 2013
Line 94:		Line 94:

	Once you save your CSS settings, your new Body Background Image will be displayed in the background of the body text for every affiliate page in that skin.		Once you save your CSS settings, your new Body Background Image will be displayed in the background of the body text for every affiliate page in that skin.
		+
		+	== Favicon Icon ==
		+
		+	Favicons made easy! A favicon, or "Favorite Icon," is a small icon that represents your Network. The favicon can appear directly in front of your website url in your browser's address bar, in the tab before the page title, or both. The visitor's browser determines where exactly the favicon images will appear. Favicons are useful not only for consistent branding, but for users who have multiple tabs open within a browser. Your favicon image is a quick tell to which tab your Network is in.
		+
		+	[[File:Favicon2.png\|Favicons in Chrome]]
		+
		+	Don't have your own favicon yet? There are lots of free [http://www.favicon.cc/\| favicon generators] on the web you can use to make an icon or just test ideas. But don't worry, Offerit already has the Offerit logo set as a favicon by default, and it is only optional to add your own.
		+
		+	The ideal size for your favicon image is 16x16 pixels. While Offerit will resize any image to 16x16px, the aspect ratio is not preserved. Also, resizing tends to make the favicon look less crisp. For example:
		+
		+	[[File:Favicon3.png\|Favicons in Firefox]]
		+
		+	The '''+P''' icon was 16x16 pixels, while the '''$''' icon was resized.

	== Saving Your Skin ==		== Saving Your Skin ==

@@ Line 1: / Line 1: @@
 {{Offerit Manual
 | show_configuration_admin_section = true
 }}

← Older revision		Revision as of 19:52, 18 June 2013
Line 4:		Line 4:

	With the CSS color editor, you can change the look and feel of the affiliate side of your network. There are an endless number of colors available for you to customize, and to view them all, click "Show Advanced Settings". You can also upload your logo, which affiliates will see in the top left hand corner of every page.		With the CSS color editor, you can change the look and feel of the affiliate side of your network. There are an endless number of colors available for you to customize, and to view them all, click "Show Advanced Settings". You can also upload your logo, which affiliates will see in the top left hand corner of every page.
		+
		+	[[File:AdminTabCSS.png\|900px]]

@@ Line 83: / Line 83: @@
 Not only can you alter the color theme of your affiliate skins in [[Offerit]], you can also easily upload a new Header Logo to be used on your affiliate pages. If your desired logo image is hosted remotely, just copy and paste the URL where your image is stored. If you need to upload your desired image to the [[Offerit]] server, click the "Choose File" button to select an image to be uploaded from your hard drive. Regarding the size of your new logo, an image sized 300-350px x 100px will work best. Your new Header Logo then will be displayed on every affiliate page once you save your CSS settings.
-[[File:YourLogoHere.png|750px]]
+[[File:YourLogoHere.png|650px]]
 == Body Background Image ==

← Older revision		Revision as of 20:56, 31 December 2012
Line 82:		Line 82:

	Not only can you alter the color theme of your affiliate skins in [[Offerit]], you can also easily upload a new Header Logo to be used on your affiliate pages. If your desired logo image is hosted remotely, just copy and paste the URL where your image is stored. If you need to upload your desired image to the [[Offerit]] server, click the "Choose File" button to select an image to be uploaded from your hard drive. Regarding the size of your new logo, an image sized 300-350px x 100px will work best. Your new Header Logo then will be displayed on every affiliate page once you save your CSS settings.		Not only can you alter the color theme of your affiliate skins in [[Offerit]], you can also easily upload a new Header Logo to be used on your affiliate pages. If your desired logo image is hosted remotely, just copy and paste the URL where your image is stored. If you need to upload your desired image to the [[Offerit]] server, click the "Choose File" button to select an image to be uploaded from your hard drive. Regarding the size of your new logo, an image sized 300-350px x 100px will work best. Your new Header Logo then will be displayed on every affiliate page once you save your CSS settings.
		+
		+	[[File:YourLogoHere.png\|750px]]

	== Body Background Image ==		== Body Background Image ==

← Older revision		Revision as of 17:37, 7 September 2012
Line 1:		Line 1:
		+	{{Offerit Manual
		+	\| show_configuration_admin_section = true
		+	}}
		+
	With the CSS color editor, you can change the look and feel of the affiliate side of your network. There are an endless number of colors available for you to customize, and to view them all, click "Show Advanced Settings". You can also upload your logo, which affiliates will see in the top left hand corner of every page.		With the CSS color editor, you can change the look and feel of the affiliate side of your network. There are an endless number of colors available for you to customize, and to view them all, click "Show Advanced Settings". You can also upload your logo, which affiliates will see in the top left hand corner of every page.

@@ Line 2: / Line 2: @@
-== Customize Theme CSS Colors and Settings ==
+== Customizing CSS Colors ==
 We have picked out the ten most prominent colors for you to customize. After you have changed a color, you will notice blue arrow icons appear next to that color. With this icon, you can revert your changes back to the default color.
@@ Line 74: / Line 74: @@
 [http://wiki.offerit.com/index.php/File:CustomizationExample.png Here] you can view an example of a custom skin design.
 == Header Logo Upload ==

@@ Line 1: / Line 1: @@
-With the CSS color editor, you can change the look and feel of the affiliate side of your network. We have picked out the ten most prominent colors for you to customize. There are an endless number of colors available for you to customize, and to view them all, click "Show Advanced Settings". After you have changed a color, you will notice blue arrow icons appear next to that color. With this icon, you can revert your changes back to the default color.
+With the CSS color editor, you can change the look and feel of the affiliate side of your network.  There are an endless number of colors available for you to customize, and to view them all, click "Show Advanced Settings". You can also upload your logo, which affiliates will see in the top left hand corner of every page.
 == Customize Theme CSS Colors and Settings ==
 [[File:Edit CSS Colors.png|800px]]