51
kaotik
New Theme for my site
  • 2010/4/26 18:27

  • kaotik

  • Just can't stay away

  • Posts: 861

  • Since: 2004/2/19


Hello fellow xoopers

I've developed a new theme for my site. I'm going to elaborate a bit on where I started and what I'm planning.

Step 1
As usual I started the design process without touching a computer. Just some sketching paper and some colored pencils. I know there are some designers that like to start immediately on a computer. If you are comfortable using a vector or image program then go for it.
However DON't start designing a new theme with code. If you do you will start off limited by what you know of code and that will hamper your design.
I've covered this in a previous tutorial but it's always good to restate this for new users.

Step 2
With the design locked down, my next step is to build on a foundation. Now I don't want to use any tables, just div's, since this is the latest rage in web design. Instead of reinventing the wheel I used a very good css framework as the foundation for my theme.
Now I can customize the css to my likening.

Step 3
I really wanted to take advantage of css 3 with this theme. You will see that the block headers are selectable. I did this using @font-face. There are 2 things to be carefull:
1- Copyright. Make sure you can use the font in your theme.
2- Size. The font will be loaded for each clients session. If you are going to use a font that's 150kb or more in size, make sure you have bandwidth to spare. Plus the font will only show on the page once it's loaded. This can lead to your text showing in standard type until the font is loaded.
This theme also uses rounded corners through css3.

Step 4
I wanted to do something completely different with my main menu. So now each menu item is twisted and placed in a specific position. This is done with css3 and works in firefox and chrome. Opera doesn't support this yet.
Once I install some more modules you will see the full effect of this block.

Let me know what you think of my theme.
www.kaotik.biz



52
kaotik
Re: Tutorial: Add rmcommon comments to your modules
  • 2010/4/26 18:08

  • kaotik

  • Just can't stay away

  • Posts: 861

  • Since: 2004/2/19


you can now visit my site, go to tutorials section and add comments :)
www.kaotik.biz
www.kaotik.biz



53
kaotik
Re: Tutorial: Add rmcommon comments to your modules
  • 2010/4/23 8:31

  • kaotik

  • Just can't stay away

  • Posts: 861

  • Since: 2004/2/19


deka87: you only need rmcommon. A demo sounds like a good ideia.
www.kaotik.biz



54
kaotik
Tutorial: Add rmcommon comments to your modules
  • 2010/4/22 17:34

  • kaotik

  • Just can't stay away

  • Posts: 861

  • Since: 2004/2/19


First a word of caution:
rmcommon is in alfa and should NOT be used in a production site. This tutorial is just for testing.

With that said, let's get to the tutorial.

There are 2 parts; one goes into your php file and another into your smarty template. Let's start with the php part.

PHP
open the index.php file of your module and insert this code:
//get all comments for this article/item
    
RMFunctions::get_comments('tutorial','post='.$post);
    
// Comments form
    
RMFunctions::comments_form('tutorial''post='.$post'module''');


The first line gets all comments for this item. It's a function that needs 2 vars:
'tutorial' -> this is the name of your module
'post='.$post -> this is the ID of the item. Look at the url for your module. you will probably have something like this:
http://mysite/modules/myModule/index.php?mid=8

In this case you could write your comment code as this:
//get all comments for this article/item
    
RMFunctions::get_comments('myModule','post='.$_GET['mid']);
    
// Comments form
    
RMFunctions::comments_form('myModule''post='.$_GET['mid'], 'module''');


Mind you this isn't the original code from mywords. If you want to further study this, here it is:
// Comments
// When use the common utilities comments system you can choose between
// use of Common Utilities templates or use your own templates
// We will use MyWords included templates
if ($post->getVar('comstatus')){
    
RMFunctions::get_comments('mywords','post='.$post->id());
    
// Comments form
    
RMFunctions::comments_form('mywords''post='.$post->id(), 'module'MW_PATH.'/class/mywordscontroller.php');
}


SMARTY
Now the smarty part. Open your smarty template and place this code at the bottom:
<!-- Start Comments -->
<
a name="comments"></a>
<{include 
file="db:rmc_comments_display.html"}>
<{include 
file="db:rmc_comments_form.html"}>
<!-- /
End comments -->


That's it! Simple don't you think?
www.kaotik.biz



55
kaotik
Xoops News to Mywords - Migration script
  • 2010/4/19 16:06

  • kaotik

  • Just can't stay away

  • Posts: 861

  • Since: 2004/2/19


Hi
I created a migration script that will pass all your news articles and categories into myWords.

Download

Usage:
- Make sure you don't have any posts or categories created in mywords.
- Upload file updater.php to xoopssite/modules/news
- type in webbrowser:
http://xoopssite/modules/news/updater.php

and that should do it!
This is a very simple script so it doesn't have any configuration options.

Should I do some more scripts for other modules?
www.kaotik.biz



56
kaotik
Re: RMCommon Utilities 2 and MyWords 2 (Alpha)
  • 2010/4/19 13:16

  • kaotik

  • Just can't stay away

  • Posts: 861

  • Since: 2004/2/19


It's very easy to implement the comment system from RMCommon into other modules!
I just did it!
I'll post a tutorial (if it's ok with BitC3R0)
www.kaotik.biz



57
kaotik
Re: No experience building websites whatsoever. Need help.
  • 2010/4/13 16:52

  • kaotik

  • Just can't stay away

  • Posts: 861

  • Since: 2004/2/19


Great!
Here's a couple of pointer's:
If you acidently turn off the login block and logoff, you can always access it through:
http://yoursite.com/user.php

So I'm assuming your site is up and running with 3 blocks:
- A login block that displays only to anonymous users
- A user block that only displays to users logged in
- A main menu

Go ahead and try changing your theme.

Another Definition:
GROUPS- This is the way xoops separates different types of users. By default there are 3 groups:
ANONYMOUS -Any user that's browsing your site and isn't logged in
REGISTERED USER- When a user register's, this is where xoops automatically places him.
WEBMASTER- This is the SUPER user. The one person who has access to EVERYTHING on the site.
You can create as many groups as you like and give them permission to access only certain parts of the site.
Practical example:
Say you have a forum installed and you want to give some users permission to access the administration part of the xoops forum module. You could create a group called "Forum Moderators" and give that group admin access to forum.



58
kaotik
Re: Converted of ICMS to XOOPS
  • 2010/4/13 16:39

  • kaotik

  • Just can't stay away

  • Posts: 861

  • Since: 2004/2/19


Hello sova
Welcome to Xoops!

I'm not aware of any migration script for icms to xoops..sorry.
Do you have a lot of information in your current site that you want to preserve?

There might be a solution:
There are quite a few modules that work in icms and xoops. You might be able to migrate module data from a icms install to xoops through a database export/import. This isn't an easy solution.
Regarding user data (login, etc) there isn't any solution that I'm aware of, maybe someone else knows of something?



59
kaotik
Re: No experience building websites whatsoever. Need help.
  • 2010/4/13 16:29

  • kaotik

  • Just can't stay away

  • Posts: 861

  • Since: 2004/2/19


Hello Brian
Welcome to Xoops!
Let me ask you a couple of questions so that we can better tailor some responses:
-Have you installed xoops yet?
-was it installed through your hosting provider or did you install it yourself?

There are a couple of basic definitions you will have to learn to use xoops:
BLOCKS - Think of these as little pieces of your webpage (such as login, news or articles). Using blocks you can display a login block on diferent parts of your xoops site.
MODULES - A module extends the functionality of xoops. If you visit the module repository you will see modules for forums, news, articles and many more.
THEMES- Xoops was built with a clear separation of content from presentation. In practical terms this means you can change the "look" of xoops and still keep all your information intact. You only alter the design.

meanwhile you can start browsing the wiki, faq to start getting some answers.
There are also some very good video tutorials..I'll see if I can find the links... if anyone else has them handy please post them




60
kaotik
Re: @font-face Compress & Create eot fonts easily
  • 2010/4/13 10:26

  • kaotik

  • Just can't stay away

  • Posts: 861

  • Since: 2004/2/19


Hello all
I tried microsoft WEFT but I found this tool to be much easier for the simple step of creating eot fonts.




TopTop
« 1 ... 3 4 5 (6) 7 8 9 ... 59 »



Login

Who's Online

129 user(s) are online (86 user(s) are browsing Support Forums)


Members: 0


Guests: 129


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits