Brain a.k.a. thief

Liepa 30, 2009

SEO css/div trick

Įrašyta kategorijoje: CSS, Patarimai, SEO — brainthief @ 11:13 am

div#logo {

width: 110%; height: 100px;

margin-left: -10px;

margin-bottom:10px;

background: url(../images/LSlogo.jpg) left no-repeat;

border: 1px solid #244223;

padding: 0px;

}

#col1{

float:left; width:20%;

display:inline;

background:#244223;

padding: 10px;

}

#col2 {

float:right; width:75%;

display:inline;

border:3px solid #244223;

background: #85a155;

padding: 10px;

}

#container{

float:left; width:85%

display:inline;

}

#myclear {

clear:both;

}

<? echo ‘<?xml version=”1.0″ encoding=”utf-8″?’ .’>’; ?>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Traditional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” lang=”<?php echo _LANGUAGE; ?>” xml:lang=”<?php echo _LANGUAGE; ?>”>

<head>

<jdoc:include type=”head” />

<link rel=stylesheet” href=”templates/_system/css/general.css” type=”text/css” type=”text/css” />

</head>

<body id = “page_bg”>

<jdoc:include type=”message” />

<div id=”logo”>&nbsp<div>

<div id=”container”>

<div id=”col2″>

<jdoc:include type=”component” />

</div>

<div id=”col1″>

<jdoc:include type=”modules” name=”left” style=”xhtml” />

</div>

</div>

<jdoc:include type=”modules” name=”debug” />

</body>

</html>

Liepa 28, 2009

Desinys ir kairys remelis

Įrašyta kategorijoje: CSS — brainthief @ 11:57 am

border-right: 1px solid gray;

border-left:1px solid fray;

css exmp GREEN TABLE

Įrašyta kategorijoje: CSS — brainthief @ 11:40 am

.myTable {border-left:1px solid #4e952e; border-top:1px solid #4e952e;}

.myTable td, .myTable th, .myTable td.ak {border-right:1px solid #4e952e; border-bottom:1px solid #4e952e; padding:4px 5px 5px;}

.myTable td.ak {background-color:#4e952e; color:#fff; padding:9px 5px 9px 8px;}

.myTable td.md {background-color:#273d1d;}

.myTable td.md2 {background-color:#396625; color:#fff;}

Liepa 20, 2009

Pozicija:

Įrašyta kategorijoje: CSS, Templatedeveloping — brainthief @ 11:38 am

normal – blokas ir kaires i desine

float – priklausomai nuo kitų

absolute – bet kur

IE css

Įrašyta kategorijoje: CSS, Templatedeveloping — brainthief @ 11:37 am

Ie6 neteisingai CSS interpratuoja

Ie7 dauguma jau tiesingai interptretuoja

dėl to naudijama ieonly.css

margin ignoruoja IE

<div>

<div class=”test”>

<jdoc:include type=”module” name=”buttom” />

</div>

</div>

.test {padding: 10px;}

Why CSS better then table? :)

Įrašyta kategorijoje: CSS, Templatedeveloping — brainthief @ 11:33 am

Example!

<table>

<tr>

<td>C1</td><td>c2</td><td>c3</td>

</tr>

<tr>

<td>Pagrindinis</td><td>Turinys</td><td>Prekes</td>

</tr>

<tr>

<td>Duk</td><td>Kainos</td><td>Kainos urmu</td>

</tr>

</table>

and example with CSS

#st1 {float:lef;width:20%;}

#st2 {float:lef;width:60%;}

#st3 {float:lef;width:20%;}

ant some content

<div id=”st1″>C1<br>Pagrindinis<br>Duk</div>

<div id=”st2″>C2<br>Turinys<br>Kainos</div>

<div id=”st3″>C3<br>Prekes<br>Kainos urmu</div>

Linkai

Įrašyta kategorijoje: CSS — brainthief @ 11:25 am

a:link

a:visited – narsyta nuoroda

fono spalva

Įrašyta kategorijoje: CSS — brainthief @ 11:20 am

color: #FF0000;

Šrifto dydis

Įrašyta kategorijoje: CSS — brainthief @ 11:15 am

font-size:18px;

Šriftas

Įrašyta kategorijoje: CSS — brainthief @ 11:14 am

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

CSS sintax

Įrašyta kategorijoje: CSS — brainthief @ 11:13 am

heading 1

h1 {

….

}

4 custom style

manostylius {

….

}

<p class=”manostylius> txt </p>

or in head:

<link rel=”stylesheet” href=”/css/template.css” type=”text/css” />

Birželis 11, 2009

Img rėmelis

Įrašyta kategorijoje: CSS — brainthief @ 10:29 am

img{
border:none;
}

a img{
border:none;
}

Slepimas

Įrašyta kategorijoje: CSS, Patarimai — brainthief @ 7:51 am

visibility: hidden;

Paraštė nuo apačios

Įrašyta kategorijoje: CSS — brainthief @ 7:42 am

css

padding-bottom: 10px

Birželis 10, 2009

boldas

Įrašyta kategorijoje: CSS — brainthief @ 11:07 am

css

font-weight:bold;

Gegužė 20, 2009

Bloko paraštė

Įrašyta kategorijoje: CSS — brainthief @ 11:47 am

csss

padding-top:10px

Blog at WordPress.com.