logo - FORUM - Ning Creators Social Network2024-03-29T14:59:37Zhttps://creators.ning.com/forum/topics/feed/tag/logoAdd Logo to Ning Bar - (collaborative efforts of Jen and Kris)https://creators.ning.com/forum/topics/add-logo-to-ning-bar-collaborative-efforts-of-jen-and-kris2012-05-24T06:51:30.000Z2012-05-24T06:51:30.000ZJenhttps://creators.ning.com/members/Jen<div><p><strong><span class="font-size-4">Add Logo to Ning Bar - (collaborative efforts of Jen and Kris)</span></strong></p>
<p><strong><span class="font-size-4"><a href="http://www.bikerspost.com/" target="_blank"><img src="http://storage.ning.com/topology/rest/1.0/file/get/551684?profile=original" width="720"></a></span></strong></p>
<p> </p>
<p>Kris of <a rel="nofollow" href="http://www.bikerspost.com/" target="_blank">Bikerspost.com</a> wrote tonight and asked how to add his logo to his NingBar. Kris is a Design Client, and a <a rel="nofollow" href="http://jensocial.com/group/premiumningtipsbyjen" target="_blank">VIP Member of JenSocial</a>. So, I was happy to share this code with him. Ironically I had already written the code for the new design for JenSocial - - coming soon! We discussed behind the scenes and decided we'd share with everyone.</p>
<p> </p>
<p><strong>Important Note:</strong> If you are using the tip for adding the <a href="http://creators.ning.com/forum/topics/add-member-account-box-links-to-ningbar-and-hide-account-box" target="_self">SignIn Box links</a> to your NingBar, this will not format correctly.</p>
<p> </p>
<p><span class="font-size-4"><strong>Instructions:</strong></span></p>
<ul>
<li>You will need to size your logo to no more than 30-60 pixels in height. Kris has sized his logo to: 300px width by 52px height.</li>
<li>Upload your image via a blog or File Manager.</li>
<li>Copy/paste the image URL.</li>
<li>Edit the code below, and add your image URL.</li>
<li>Edit the #xn_bar height to a few pixels more than the height of your logo. See code below within the <style> tag.</li>
<li>Add <span class="font-size-3"><strong>ALL</strong></span> of the code to your Custom Code Box via: <strong>My Network/Tools/Custom Code</strong></li>
<li>You will probably need to tweak the padding. Kris added some extra padding to top, like this: <img style="float:left!important;padding-left:10px;<strong>padding-top:5px;</strong>"></li>
</ul>
<p> </p>
<div style="background-color: #f2ffe1; padding: 10px; border: 1px solid #e6e6e6;">
<style>
<br> #xn_bar {
<br> height:60px!important;
<br> }
<br> </style>
<br>
<br> <script type="text/javascript">
<br> if (typeof(x$) != 'undefined') {
<br> x$("#xn_bar #xn_bar_menu").prepend('<img style="float:left!important;padding-left:10px;" src="yourimageurl">');
<br> }
<br> else {
<br> }
<br> </script>
</div>
<p> </p>
<div style="background-color: #f2ffe1; padding: 10px; border: 1px solid #e6e6e6;">
Kris also needed the following CSS for his Ning Bar. This will vary per theme. If you use the CSS below, add to
<strong>Advanced CSS</strong>.
<br>
<br> #xn_bar {
<br> margin: 0 auto;
<br> width: 1002px !important;
<br> }
</div>
<p> </p>
<p><span class="font-size-4"><strong>Be sure to see the awesome tip Kris offered to <a href="http://creators.ning.com/forum/topics/added-logo-to-login-box" target="_self">add logo to your SignIn Box</a>.</strong></span></p>
<p> </p>
<p>Have fun!</p>
<p>Jen and Kris</p></div>Get a logo for your network for free...I mean really free.https://creators.ning.com/forum/topics/get-a-logo-for-your-network-for-free-i-mean-really-free2012-03-09T01:11:07.000Z2012-03-09T01:11:07.000ZDenishttps://creators.ning.com/members/Denis123<div><p>Many NCs like me don't have the skill to design a professional logo for their small networks.</p>
<p>It's also not easy to find a service online offering this cheap or for free. I have always been searching for such a link. Where you can pop in, come up with a simple but cool logo in minutes. Most of the links that say make a free logo let you waste your time customizing it but when you want to save it to your PC you find out all what they said at the beginning was a lie. You have to pay. They always have hidden fees but today I stumbled upon one unlike others. When I finished and saved the two logos I designed in less than 30 minutes, I couldn't help writing back to them.</p>
<p><a rel="nofollow" href="http://www.logosnap.com/logo.php?action=create" target="_blank">Click here to visit them</a>.</p>
<p>They have a donate button you can opt to use</p>
<p>I hope this helps the less computer savvy NCs like us.</p>
</div>Visual Identity & Solid Branding of your Networkhttps://creators.ning.com/forum/topics/visual-identity-solid2010-02-25T19:04:03.000Z2010-02-25T19:04:03.000ZMorten Aabohttps://creators.ning.com/members/MortenAabo<div><p style="text-align: left;"><img src="http://storage.ning.com/topology/rest/1.0/file/get/542241?profile=original" alt=""></p>
<p> <a href="http://creators.ning.com/group/visualidentitygraphicsgroup">Click Here, To Follow The Visual Identity Group</a> @ Creators<br> <span style="font-weight: bold;"><br> <br> Hi fellow NingPeeps,</span><br> <br> I just wanted to share some thoughts on visual identity and a clean branding of your concept. Most of us already know the fact, that we are being overflushed with visual promotion everyday, some of us don't even notice the amount of effort put into making sure, that your eye will tell your brain to remember this brand.<br> <br> Have you ever noticed alot of people will catch the legendary red/white Coca-Cola logo, having it pass by qwickly, not even looking directly at the logo. You've seen it so much, that your brain catches the message instantly, almost at a subconscious state of mind. The letter curves, composition and colours put you in no doubt, that this is an Coca-Cola advertisement.<br></p>
<p style="text-align: right;"></p>
<p><span style="font-weight: bold;">Now...</span><br> <br> I'm not here to preach, i just find visual identity very interesting in it's form and ability to draw traffic back to your site, with some few basic rules and some thoughts on a streamlined look. I've seen alot of Ning network owners do a great job on this themselfes, i've been inspired, ...but let's just say these rules might be inspiration for those who have not thought about this issue yet.<br> <br> <span style="font-weight: bold;">Rule 1:</span> Select 3 to 4 main colours, to represent your streamlined identity. <a href="http://html-color-codes.info/">Colour Code Generator</a><br> (important: choose slight pale colours, no neon colours disturbing the eye)<br> <br> <span style="font-weight: bold;">Rule 2:</span> Design a main logo<br> (important: Use alot of time on this, use people who work with graphic designs if you have no idea)<br> <br> <span style="font-weight: bold;">Rule 3:</span> Choose a main font to support your logo (Use this font in all other graphics being made)<br> (important: i'm not talking about your webpage browser font, only for graphics ex. banners, headlines)<br> <br> <span style="font-weight: bold;">Rule 4:</span> Get yourself a slogan, i know it sounds weird, but it works. People tent to catch short slogans.<br> (important: choose a slogan, that represents everything your project stands for, powerfull and easy)<br> <br> <span style="font-weight: bold;">Rule 5:</span> Use the selected colours, main logo and font in everything graphical thing you produce.<br> (important: streamline the identity in member ex. broadcasts, promotional things, website and so on...)<br> <span style="font-weight: bold;"><br> Rule 6:</span> Stay focused on the identity, don't loosen it, and you will gain the effect steady.<span style="font-weight: bold;"><br> <br> <br> Extra:</span> Get your Ning site the domain redirect add-on, as well as the created by removed add-on, at the Premium Services section of your site. I know it costs money, but some times you need to invest to gain weight and build your community from there. You will gain power, with a straight forward and easy URL name, without the .ning attached, no offense to Ning, it's just way to hard to explain people about dots and dits, it has to be simple and straight like yousitename.com. You can redirect your Ning domain name to you own URL, you just need the premium service at Ning and a webhost service of your own choice.<br> <br> There is alot of posibilities these days to gain income at uniq community sites, but the base has to be in place as first thing. A solid visual identity is in my oppinion one of the most important things, in these WEB 2 days. Use some time on it and use it strategic to gain more members.<br> <br> If you need some inspiration on branding a solid identity, you don't have to go any further than at your bookmarks. Twitter, Facebook, Myspace, YouTube... you know them, but have look at the streamline in all of these great communities visual expression forms.<br> <br> I personally recommend <a href="http://vimeo.com/">Vimeo</a>, in which says it all visually. Straight forward, simple and yet strong.<br> <br> <br> Thats all from me today, i made this article to inspire other network owners, hope it might be usefull to some people.<br> <br> My Creators Page: <a href="http://creators.ning.com/profile/gotjamndk">Morten Aabo</a><br> Follow My Group: <a href="http://creators.ning.com/group/visualidentitygraphicsgroup">Visual Identity Group here at Ning Creators</a><br> I've constructed this visual tutorial to illustrate the basics og colour rules. Have a look and make your choice...<br></p>
<p style="text-align: left;"><img src="http://storage.ning.com/topology/rest/1.0/file/get/542271?profile=original" alt=""></p>
<p><br></p></div>