Step 1
By using CSS-Layout the URL of your own CSS file will be submitted to the LoFi-Server. This works only if the file is on your live server. For designing an individual layout we provide a test file, which contains a static chat list. So you can create your own layout local and after completion you put it on the live server.
In the first step you learn to change font color and background images. You can see the result in Step 2 right away.
- Open the tutorial file css/mydesign/list.css.
- Scroll to the item LIST BODY.
- Change in .ll-1, .ll-2, .ll-3 the value #000000 to #663300 and save it.
- Open with a graphic program the file images/mydesign/list_line.jpg.
- Change the color of the image to green.
- Click on Step 2 to see the result.
The chat list uses images for the background to generate a 3D frame. If you don't have a graphic program you can set a normal color instead. Delete in the CSS file in the attribute lb the value background-image: ... and set background-color: #00FF00; instead.