Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> Editing Cutenews, How do I change colors within template?
Misanthrope
post Mar 3 2007, 02:14 AM
Post #1


Super Member
*********

Group: [HOSTED]
Posts: 276
Joined: 11-January 07
From: Ron Paul's Campaign
Member No.: 36,930



This one will probably be a no-brainer for most of you talented folks out there, but I'm still not there yet.

I just installed Cutenews and want to do a simple color change to the text within the "default" template. All I want to do is change the color on the title and comment text. I wouldn't mind changing the font size either. I tried inserting html code but that didn't work, so either I'm inserting it the wrong place or I'm using the wrong code. What's the easiest way to do this? Thanks in advance for your help.
Go to the top of the page
 
+Quote Post
TypoMage
post Mar 3 2007, 02:18 AM
Post #2


Master of All Typos
*********

Group: Members
Posts: 621
Joined: 30-July 06
From: Earth, Usa, Maine, Waterford,
Member No.: 27,507
Spam Patrol



Well what is Cutenews? Something to do with News and cute I suppose? I think If I knew A little bit more on this subject I could be more then willing to help.
Catch my drift?
Go to the top of the page
 
+Quote Post
jlhaslip
post Mar 3 2007, 03:23 AM
Post #3


A computer once beat me at chess, but it was no match for me at kick boxing.
Group Icon

Group: [MODERATOR]
Posts: 3,882
Joined: 24-July 05
From: In Trouble Again... still?
Member No.: 9,787
Spam Patrol



Can you troll around and find a CSS stylesheet file for the page? Then you could alter the css to reflect the changes you want.

Usually performing a View Source and looking for the "<link rel="stylesheet" " will point you to the CSS file. Then it is a matter of finding the html elements you want to alter and affecting the related CSS file entries.

Post a link to the page in question and someone could have a look for you.
Go to the top of the page
 
+Quote Post
biscuitrat
post Mar 3 2007, 03:56 AM
Post #4


Kween of Everything :)
***********

Group: Members
Posts: 1,052
Joined: 16-October 04
From: Houston, Tejas :D
Member No.: 1,774



I can't reach my account right now because it's suspended (I have an installation of CuteNews running), and I've found two things. If you have a default stylesheet, it'll usually override CuteNews' styles; if not, look for the following code:

CODE
<style type="text/css">
<!--
@import url(http://cutephp.com/site-files/main.css);
@import url(http://cutephp.com/site-files/ffb/getff.css);
-->
</style>


And follow the path from your individual site (check under a directory called templates or site, or something like that.) If you can't find it still, look through all directories until you see a .css file. Once you find it, look for something that says the following:

CODE
a:link , a:visited {
color:#345360;
text-decoration: none;
}

a:hover , a:focus
{
text-decoration: underline;
}


And edit the color with your favorite hexadecimal color code. Just in case you're not familiar with the values, :link is a normal link, :visited is one you've clicked on, :hover is the hover effect, and :focus is what happens when you're holding your mouse down on a link. Best of luck. Remember that I'm using the demo file; I'll verify this once I get my stupid site up sad.gif
Go to the top of the page
 
+Quote Post
BuffaloHELP
post Mar 4 2007, 01:34 AM
Post #5


Desperately seeking "any key" to continue...
Group Icon

Group: Admin
Posts: 3,438
Joined: 23-April 05
From: Trap17 storage box
Member No.: 6,042



Go to your Options > Edit template from Cutenews administration login. Make sure you're editing DEFAULT template.

Click on ACTIVE NEWS
CODE
<div style="width:420px; margin-bottom:30px;">
<div><strong>{title}</strong></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #D3D3D3;">{short-story}</div>

<div style="float: right;">[full-link]Read more •[/full-link]  [com-link]{comments-num} Comments[/com-link]</div>


See the {title} ? You can add different colors to that. If you prefer instead of <strong> replace it with <h1> or whatever and define the color and style using your regular CSS. It's simple.

Apply similar changed to any area you wish to change.

Under the same template, click on COMMENT and change to your liking.
Go to the top of the page
 
+Quote Post
Misanthrope
post Mar 5 2007, 02:21 AM
Post #6


Super Member
*********

Group: [HOSTED]
Posts: 276
Joined: 11-January 07
From: Ron Paul's Campaign
Member No.: 36,930



QUOTE(BuffaloHELP @ Mar 3 2007, 05:34 PM) *
Go to your Options > Edit template from Cutenews administration login. Make sure you're editing DEFAULT template.

Click on ACTIVE NEWS
CODE
<div style="width:420px; margin-bottom:30px;">
<div><strong>{title}</strong></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #D3D3D3;">{short-story}</div>

<div style="float: right;">[full-link]Read more •[/full-link]  [com-link]{comments-num} Comments[/com-link]</div>


See the {title} ? You can add different colors to that. If you prefer instead of <strong> replace it with <h1> or whatever and define the color and style using your regular CSS. It's simple.

Apply similar changed to any area you wish to change.

Under the same template, click on COMMENT and change to your liking.

Thanks for the help, Buff. I entered the following code where you instructed:
<b><font style="font-family:Tahoma; font-size:13px; color: 505050;">{title}</font></b>

I can change the font family and size, but the color won't change unless I type in a word (like, "blue"). It won't render the color change if I use hex code. What the heck am I doing wrong? If I have to make the color changes in CSS (hope I don't have to), I'll need step by step instructions. blush.gif
---------------------

Ooops! Disregard the last question. I seem to have figured out -knock on wood:
<b><font style="font-family:Tahoma; font-size:13px; color: #505050">{title}</font></b>
Just forgot to put a stupid little number sign in front of the hex code. Not quite sure why sometimes than number sign is necessary, and sometimes it isn't. Seems pretty anal, but I don't care as long as it works! Geez, sometimes I wish I wasn't such a left-brainer.

Thanks Buff and everyone else for you help!


This post has been edited by vbritton: Mar 5 2007, 05:41 AM
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Templates(10)
  2. Need Some Help With My Template(12)
  3. Joomla Cms Portal(6)
  4. Trap17 Free Web Template Downloads(10)
  5. Looking For A New Web Editing Program(13)
  6. Website Template!(8)
  7. Cutenews... Good/bad?(4)
  8. Adding Second Page Of Cutenews To My Site(2)
  9. Cutenews Ru(4)
  10. Template Monster(8)
  11. My Template(11)
  12. Where Could I Get A Good Template(3)
  13. Editing Or Modifying Joomla For A Beginner(4)
  14. Need Help With A Ps Template(3)
  15. Editing Digital Photos(12)
  1. Simple Portfolio Template(5)
  2. My New Site Template(3)
  3. Need A Phpbb3 Halo Template(1)
  4. Smf: Template Parse Error(7)


 



- Lo-Fi Version Time is now: 26th July 2008 - 07:27 AM