| Author |
Message |
joopgoudvis
Joined: 13 May 2008
Posts: 7
|
|
 a custom template |
 |
Hello Everyone,
First of all, cutenews is a great tool ( on windows a few MySQL problems, but i'm gonna fix that  )
Second, I have a own HTML/CSS website, I want too use cutenews for editing the pages. Is there a tutorial ore somekind, that tells me how to get a custom template working on cutenews?
Regards,
joopgoudvis
|
|
| Tue May 13, 2008 8:04 am |
  |
 |
Guest
|
| |
|
Please login to hide the ads.
|
|
|
|
|
scottdallas
Joined: 04 May 2006
Posts: 2027
Location: US |
|
| |
|
I've been trying to figure out how to explain it.. I can't find the words. Have you worked with cutenews at all before? It's just html.. make some html and css that match your layout, plop it in the templates area. It should be rather simple. Sometimes all you need is just:
 | | <a href="{link=home/post}">{title}</a><br>
{short-story} |
That could be your simple active template. If you want to be crazier, go crazy.. some css and classes could make that look awesome. Do html in a visual editor, it can help speed things up. Use and read all the terms and definitions under each section of your templates and you'll soon know how to make beautiful templates.
_________________
www.scodal.com is an example of cnr as a social forum - www.scottdizzle.com is an example of cnr as a personal website to share whatever cool stuff i feel like. i have another, but it's nsfw. pm me 
Last edited by scottdallas on Thu May 15, 2008 3:07 pm; edited 1 time in total |
|
| Tue May 13, 2008 7:04 pm |
  |
|
joopgoudvis
Joined: 13 May 2008
Posts: 7
|
|
| |
|
Hello Scott,
Thanks for the reply.
Infact I have a HTML/CSS design but I don't know how to 'convert' it too cutenews.
Like, how do I get a catagory to a specific part of the website. ( Like A catagory Menu, which you can edit menu items for example)
And yes this is my first time using cutenewsru.
Regards,
|
|
| Tue May 13, 2008 7:13 pm |
|
|
Syrion
Joined: 02 Aug 2006
Posts: 174
|
|
| |
|
You don't have to convert it to cutenews, unlike other CMS'es you embed Cutenews IN your design and not your design in the CMS-template.
In your CuteNews-folder you'll find a readme.html, it's explained in there.
Have fun with CNR!
_________________
 Mini-me |
|
| Tue May 13, 2008 7:34 pm |
|
|
joopgoudvis
Joined: 13 May 2008
Posts: 7
|
|
| |
|
Thanks, I will try it!
|
|
| Tue May 13, 2008 7:56 pm |
|
|
webbber
Joined: 15 May 2008
Posts: 99
|
|
| |
|
hi,
im a new member round here.
So, I have installed CNR, and it works gr8, but I can add it to my own template, you can see my template
here and this is where I installed the script
noticias (this is a spanish website as You can see.
So,if you can help me out, I'd appreciatte it.
Something else,how can I add the thread title to my meta tag description?????
best regards.
|
|
| Thu May 15, 2008 1:20 am |
|
|
scottdallas
Joined: 04 May 2006
Posts: 2027
Location: US |
|
| |
|
Good job with your site.. everything looks good.. what do you need help with?
_________________
www.scodal.com is an example of cnr as a social forum - www.scottdizzle.com is an example of cnr as a personal website to share whatever cool stuff i feel like. i have another, but it's nsfw. pm me |
|
| Thu May 15, 2008 3:09 pm |
|
|
webbber
Joined: 15 May 2008
Posts: 99
|
|
| |
|
 | | Good job with your site.. everything looks good.. what do you need help with? |
I wanna use my own template, like my index. Understand?
I did it, but when I click on the news title it doesnt show up my template.
you can check here and click on a title.
How can I keep the same template?
best regards
|
|
| Thu May 15, 2008 4:14 pm |
|
|
webbber
Joined: 15 May 2008
Posts: 99
|
|
| |
|
ok, guys, its done.
I finally made it.
best regards!
|
|
| Thu May 15, 2008 11:44 pm |
|
|
ivanh
Joined: 16 Aug 2007
Posts: 72
|
|
| |
|
was wondering if you guys know if there are any other CMS' similar to cutenews/ru (embedding cutenews into the design template)
just wanting to see what else is out there
|
|
| Sat May 17, 2008 11:24 am |
|
|
webbber
Joined: 15 May 2008
Posts: 99
|
|
| |
|
| | was wondering if you guys know if there are any other CMS' similar to cutenews/ru (embedding cutenews into the design template) |
I dont understand, You can embed cutenews into your own template. Or, what do you mean exactly?
best regards!
|
|
| Sat May 17, 2008 5:07 pm |
|
|
ivanh
Joined: 16 Aug 2007
Posts: 72
|
|
| |
|
another CMS that works like cn
its a lot more flexible
|
|
| Sat May 17, 2008 7:57 pm |
|
|
scottdallas
Joined: 04 May 2006
Posts: 2027
Location: US |
|
| |
|
i used fusion news before cutenews
_________________
www.scodal.com is an example of cnr as a social forum - www.scottdizzle.com is an example of cnr as a personal website to share whatever cool stuff i feel like. i have another, but it's nsfw. pm me |
|
| Sun May 18, 2008 9:08 pm |
|
|
joopgoudvis
Joined: 13 May 2008
Posts: 7
|
|
| |
|
Hello everyone!
It's been a while, but i'm still working on cutenewsRU.
I have been modifying the exampel index page ( with custom HTML) and a default CSS.
But the CSS doesn't load properly. It load's, the colors, but not the images and page placement.
the code on the index.php:
| | <?php
include '../head.php';
// pgt start
// ????? ???????? ??????? ????????? ???????? (page generation time aka pgt)
$pgt = new microTimer;
$pgt->start();
// end pgt start
$header = array(
'users' => 'Users',
'search' => 'Search',
'category' => 'Categories',
'archives' => 'Archives',
);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-2" http-equiv="Content-Type">
<link href="<?=$config_http_script_dir; ?>/example/img/andreas02.css" rel="stylesheet" type="text/css" media="screen" />
<title>Management Console </title>
</head>
<body>
<div id="container">
<div id="logo">
</div>
<div id="navitabs">
<h2 class="hide">Site menu:</h2>
<a class="activenavitab" href="index.html">Hoofdpagina</a><span class="hide"> | </span>
<a class="navitab" href="dataprotector.html">Back-Up</a><span class="hide"> | </span>
<a class="navitab" href="evasystemen.html">Storage</a><span class="hide"> | </span>
</div>
<div id="desc">
</div>
<div id="main">
</div>
<div id="footer">
</div>
</div>
<?php
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
????????, ??? ?????????
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
if ($do == 'search'){
include $cutepath.'/search.php';
} elseif ($do == 'users'){
$bgcolor = '#f7f7f7';
include $cutepath.'/show_users.php';
} elseif ($do == 'category' and !$category){
echo cn_category();
} elseif ($do == 'archives'){
echo cn_archives();
} else {
$number = 7;
//$sort = array('title', 'ASC');
include $cutepath.'/show_news.php';
}
?>
</table>
</body>
</html> |
and the css code: (next post)
|
|
| Tue May 27, 2008 9:34 am |
|
|
joopgoudvis
Joined: 13 May 2008
Posts: 7
|
|
| |
|
| | /* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas
Version: 1.0
(July 27, 2005)
Screen layout: */
body {
padding: 0;
margin: 0;
font: 76% tahoma, verdana, sans-serif;
background: #e0e0e0;
color: #303030;
}
a {
text-decoration: none;
color: #286ea0;
}
a:hover {
text-decoration: underline;
}
#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 760px;
}
#toptabs p {
text-align: right;
color: #1A4C95;
}
.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
background: #f0f0f0 url(img/corner2.gif) top right no-repeat;
color: #808080;
border-bottom: 1px solid #e0e0e0;
}
.toptab:hover {
background: #fafafa url(img/corner2.gif) top right no-repeat;
border-bottom: 1px solid #eaeaea;
color: #1A4C95;
text-decoration: none;
}
.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background: #ffffff url(img/corner2.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
}
.activetoptab:hover {
text-decoration: none;
}
#container {
margin: 0 auto 15px auto;
width: 760px;
padding: 5px 20px 20px 20px;
background: #ffffff;
}
#logo {
margin: 15px 0 0 0;
}
#logo h1 a {
color: #303030;
}
#logo h1 a:hover {
text-decoration: none;
}
#navitabs {
clear: both;
}
.navitab {
padding: 4px 8px 4px 8px;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 1px;
background: #e0e0e0 url(img/corner.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
.navitab:hover {
text-decoration: none;
background: #d0d0d0 url(img/corner.gif) top right no-repeat;
}
.activenavitab {
padding: 4px 8px 5px 8px;
color: #ffffff;
margin: 0 0 5px 0;
text-decoration: none;
background: #1A4C95 url(img/corner.gif) top right no-repeat;
}
.activenavitab:hover {
text-decoration: none;
}
#desc {
height: 200px;
color: #ffffff;
padding: 0;
background: #505050 url(img/front.jpg) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}
#desc p {
width: 290px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}
#desc h2 {
padding: 15px 15px 0 15px;
color: #ffffff;
}
#desc a {
color: #ffffff;
text-decoration: underline;
}
#main {
width: 590px;
float: left;
padding: 0 15px 0 0;
border-right: 1px solid #d0d0d0;
}
.block {
background: #f0f0f0;
padding: 15px;
}
#sidebar {
width:140px;
float:right;
}
#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}
.sidelink {
text-align: left;
display: block;
width: 120px;
background: #f0f0f0 url(img/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}
.sidelink:hover {
background: #e0e0e0 url(img/corner.gif) top right no-repeat;
text-decoration: none;
}
#footer {
clear: both;
background: #fafafa;
color: #808080;
font-size: 0.9em;
padding: 8px 0 8px 0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
text-align: center;
}
#footer a {
color: #808080;
}
h1 {
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: normal;
}
h2 {
margin: 0 0 20px 0;
font-size: 1.6em;
font-weight: normal;
}
h3 {
margin: 20px 0 10px 0;
font-size: 1.4em;
font-weight: normal;
}
p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}
.right {
text-align: right;
}
a img {
border: 0;
}
.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}
.hide {
display: none;
}
|
What am I doing wrong?
|
|
| Tue May 27, 2008 9:37 am |
|
|
|
