Nov 8, 2009

Editing Cutenews - How do I change colors within template?

free web hosting
Open Discussion > MODERATED AREA > The Internet > Web Design

Editing Cutenews - How do I change colors within template?

vbritton
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.

Comment/Reply (w/o sign-up)

TypoMage
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?

Comment/Reply (w/o sign-up)

jlhaslip
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.

Comment/Reply (w/o sign-up)

biscuitrat
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

 

 

 


Comment/Reply (w/o sign-up)

BuffaloHELP
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.

Comment/Reply (w/o sign-up)

vbritton
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!

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : editing, cutenews, change, colors, template,

  1. Error Installing Template In Joomla! 1.5.7
    (2)
  2. Smf: Template Parse Error
    HELP ME!!! (7)
    QUOTE Template Parse Error! There was a problem loading the /Themes/default/index.template.php
    template or language file. Please check the syntax and try again - remember, single quotes (')
    often have to be escaped with a slash (\). To see more specific error information from PHP, try
    accessing the file directly. You may want to try to refresh this page or use the default theme.
    Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in
    .../Themes/default/index.template.php on line 167 And here's line 166 QUOTE » Free ....
  3. Need A Phpbb3 Halo Template
    (1)
    HI. Does anybody know of our have a Halo template for PHPBB3. Preferably a Halo 3 but i will take
    any other halo game template.....
  4. My New Site Template
    Heres a new template of mine done in photoshop (3)
    This is my new template I'm going to be using for my new site. It took me 3 days to do. I spend
    day 1 drawing it up sorry I cannot upload my draft sketch as my scanner is not working. The next 2
    days I spent drawing it up in photoshop. The colours are kinda generic I know but thats my style. I
    cant seem to create anything other then grey toned things. I think adding some decay onto the panels
    will give it some depth something my style of drawing lacks. The panels - I like as many panels as
    I can so I went with the 3 column layout and extra 2 side header panels for ....
  5. Simple Portfolio Template
    grey-green- (5)
    Well, it`s been a while since I last time posted on T17 and I really missed this forum. Well, I
    started taking lessons on webdesign in my school. It`s pretty hard because the professor is pretty
    dumb /ohmy.gif" style="vertical-align:middle" emoid=":o" border="0" alt="ohmy.gif" /> , and he
    can`t solve simple image alignment problem with css /laugh.gif" style="vertical-align:middle"
    emoid=":lol:" border="0" alt="laugh.gif" /> , so i have to learn almost everything on my own.
    /mad.gif" style="vertical-align:middle" emoid=":angry:" border="0" alt="mad.gif" /> I finished....
  6. Editing Digital Photos
    (12)
    I have been searching and searching the internet for a program that will allow me to crop
    irregularly or by free hand. I have found many programs that are well built that allow me to edit
    all my photos after I scan them into the computer but I simply cannot find any program that is free
    that allows me to freehand crop instead of just a square or a circle. If anyone knows a program
    that I can use that will allow me to do so please respond with help please. Thanks.....
  7. Need Help With A Ps Template
    coding (3)
    hey, i made this template in photoshop and i have coded and everything but the problem is that the
    content boxes are stretching and its messing up everything. how can i make it so the "cells" i guess
    don't stretch.. because when i add stuff to the boxes they are stretching and its starting to
    duplicate.....
  8. Editing Or Modifying Joomla For A Beginner
    Php Help... Joomla related. (5)
    I have this code already existing... (index.php) id ) { initEditor(); } ?> " /> " ; ?> " ;
    ?> .... .... and it goes on. i am told to add this code in the head section...
    /modules/mod_smo_ajax_shoutbox_css.php" type="text/css" /> <script type="text/javascript" src="
    /modules/mod_smo_ajax_shoutbox_js.php"> I don't know much about PHP, but I don't see a
    incorporated in the index.php and I am not sure how to add the code. Anyone help out? Last warning
    notice** Topic title is IMPORTANT! ....
  9. Where Could I Get A Good Template
    template (3)
    Hello I am new on this website, and i dont know if this is the good place to post this topic. Im
    asking for a good website that has good templates. Thank you for reading this post.....
  10. My Template
    just a muck around (11)
    hey guys made this neat lil design http://cyp2nv.freehostingnow.com let us know wat u think thanks
    /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" />....
  11. Template Monster
    (8)
    Looking over template monster's templates, and saw some templates that I like. I thought to
    myself " How would I install one of these if I do get it?" So that's my question, how do you?
    On the site it says you need adobe photoshop for some of the skins the ones that use flash I think,
    but can anybody tell me how would I install it?....
  12. Cutenews Ru
    (4)
    Howdy, I'm using Cutenews for 3 years for now and i always wanted it to use mysql. Now i
    descovered cutenews RU, it uses mysql but the layout is verry dumbč! Can somewone help me to create
    a basic lay-out? grtz! Styno ....
  13. Adding Second Page Of Cutenews To My Site
    How do I do this? (3)
    I'm using Cutenews on my website. I forgot to mention in my last post on this topic that
    Cutenews is news system that can be integrated into an existing website and can function like a
    blog. Well, I recently integrated cutenews into an existing site, and I'm wondering how I get
    the older news to show up on another page. For example, I'm using cutenews on my main index
    page. At the bottom of the page I'd like to put a link that says, "old news," and have that page
    open up into a new page of my older news/blogs that people can still post comments on. What....
  14. Cutenews... Good/bad?
    you know you hard about it... (4)
    you know out of all the best news system scripts I've ever know I'd say cutenews would
    have to be the best and I know most of you have problably heard it... and so I was wondering what
    do you guys think?....
  15. Website Template!
    I need a website template! (8)
    Ok here's the thing i'm new to making a website like this and i need a website template that
    is html! If anyone finds some please tell me thanks! /biggrin.gif" style="vertical-align:middle"
    emoid=":D" border="0" alt="biggrin.gif" />....
  16. Looking For A New Web Editing Program
    I need a new web designing program (13)
    Ok, I am a web designer and I am having difficulty finding a good program that I can use that as
    what i'm looking for. Now I have been using TSW Webcoder but it is causing alot of errors for me
    and am getting sick of it wiping clean some of my site files. Well I am looking for a program that
    has a wysiwyg editor, sort of like the quick edit used in TSW Webcoder but a more powerful one with
    more options, also with that is a normal html editor. Also i am looking for one that has an inbuilt
    codes already in it, like quick codes to make a link, image, even javascript t....
  17. Trap17 Free Web Template Downloads
    Trap 17 member contributions (12)
    Well, BuffaloHELP, here is my contribution. /tongue.gif" style="vertical-align:middle"
    emoid=":P" border="0" alt="tongue.gif" /> Free template downloads. Albeit over 100 web
    templates instead of one-at-a-time. I have started this thread for people to voluntarily add to.
    OK, everybody, lets keep this thread alive and updated frequently. ....
  18. Joomla Cms Portal
    I need some help with a template design (6)
    If there is anyone out there who is familiar with this CMS and knows about their template design,
    can you please speak up. It seems like no one at Joomla.org ever answers any of the questions I
    pose. So if at all possible help me, or point me in the right directions that would be most
    appreciated. I am currently using a header image that is 850 x 150 and I am using a variable width
    template. The page looks nice in 800x600 mode, but go to a higher resolution and you get a nice
    white gap on the left hand side of my header image. I was wondering if I should use a spacer im....
  19. Need Some Help With My Template
    (12)
    I just finished building my template in photoshop. it took me long hours and and sleepless nights. i
    was psyched about finishing the temp. i was like i am THE MAN yayaya. well i just realized that i am
    not the man since i got no idea what to do with the template. how do i upload it onto my website? do
    i need to convert it to html by using an editor? so my question is how do i convert it to html? and
    then after that i upload it right?....
  20. Templates
    download Nice Template (10)
    I Fint this Template for u /biggrin.gif' border='0' style='vertical-align:middle'
    alt='biggrin.gif' /> http://xinfo.3dmaster.net.ru/templates/Tem...6471-SPK100.rar
    http://xinfo.3dmaster.net.ru/templates/Tem...6417-SPK100.rar
    http://xinfo.3dmaster.net.ru/templates/Tem...6221-SPK100.rar
    http://xinfo.3dmaster.net.ru/templates/Tem...6370-SPK100.rar
    http://xinfo.3dmaster.net.ru/templates/Tem...6419-SPK100.rar
    http://xinfo.3dmaster.net.ru/templates/Tem...6446-SPK100.rar
    http://xinfo.3dmaster.net.ru/templates/Tem...6207-SPK100.rar hihi I Find th....
  21. Need A Template?
    Templates (5)
    Try on Templates !....
  22. Template Test
    template test (1)
    here goes... NW Disciples 2005 Site Test This is the template test I've been working on for
    our webpage. I'm new to and working in Dreamweaver. My first experience trying to use layers....
    apparently not going sooo hot. I thought all was well... I discovered early on that wysiwyg in the
    DW design space was not true. Sited tested in IE 6.0 with a screen resolution of 1024x768. Looked
    GREAT to me even though it was cah-cah in DW. Then I talked to a friend who peeked at the site above
    and he told me the show/hide menus were not lined up for him... on the same res....

    1. Looking for editing, cutenews, change, colors, template,

Searching Video's for editing, cutenews, change, colors, template,
See Also,
advertisement


Editing Cutenews - How do I change colors within template?

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com