<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>
------------------------------------------------------------------------------------------------------------
How To Add Java And Css File Link In Blogger Template Before Head Tag
------------------------------------------------------------------------------------------------------------
<link href=' ADD YOUR CSS FILE URL LINK ' rel='stylesheet' type='text/css'/>
<script src=' ADD YOUR JAVA FILE URL LINK '></script>
<script src=' ADD YOUR JAVA FILE URL LINK ' type='text/javascript'></script>
<head>
<link type='text/css' rel='stylesheet' href=' ADD YOUE CSS FILE URL' />
OR USE UPPER LINKS BEFORE THESE TAGS
</head>
</body>
----------------------------------------------------------------------------------------------------------
How To Write Css And Java Code Before Closed Head And Body Tag
-----------------------------------------------------------------------------------------------------------
| <style> | |||||||
|
-----------------------------------------------------------------------------------------------------------
| <script type="text/javascript"> | |
| ADD JAVA CODE HERE </script> | |
| ------------------------------------------------------------------------------------------------------ HOW ADD VARIABLE TAGE BEFORE YOUR CSS CODE ---------------------------------------------------------------------------------------------------
/*------------------------------------------------------
Defining Variable
--------------------------------------------------------
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd"/>
<Variable name="body.background" description="Body Background" type="background"
color="#f2f2f2" default="$(color) none repeat scroll top left"/>
<Group description="Body" selector="body">
<Variable name="bgcolor" description="Background" type="color" default="#f2f2f2"/>
<Variable name="body.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#222222"/>
<Variable name="link.color" description="Link Color" type="color" default="#45818e"/>
<Variable name="link.hover.color" description="Link Hover Color" type="color" default="#555"/>
</Group>
-------------------------------------------------------------------------------------------------------------------------------------------------------- HOW TO MAKE LINEAR BACK GROUND -------------------------------------------------------------------------------------------------------------------------------------------------------- https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient Gradient with multiple color stops
If the first color-stop does not have a
<length> or <percentage>, it defaults to 0%. If the last color-stop does not have a <length> or <percentage>, it defaults to 100%. If a color-stop doesn't have a specified position and it isn't the first or last stop, then it is assigned the position that is half way between the previous stop and next stop.
Color-stops must be specified in order. After assigning default values to the first and last stops if necessary, if a color-stop has a specified position that is less than the specified position of any color-stop before it in the list, its position is changed to be equal to the largest specified position of any color-stop before it.
A rainbow made from a gradient
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); Using transparency
Linear with transparency
background-image: linear-gradient(to bottom right, red, rgba(255,0,0,0)); ---------------------------------------------------------------------------------------------------------------------------------------------------------- CSS3 IMAGES ---------------------------------------------------------------------------------------------------------------------------------------------------------- https://developer.mozilla.org/en-US/docs/Web/CSS/radial-gradient Examples
circle cover
background: -webkit-radial-gradient(45px 45px 45deg, circle cover, aqua 0%, rgba(0, 0, 255, 0) 100%, blue 95%); background: radial-gradient(45px 45px 45deg, circle cover, aqua 0%, rgba(0, 0, 255, 0) 100%, blue 95%);
ellipse farthest corner
background-image: -webkit-radial-gradient(45px 45px, ellipse farthest-corner, aqua 0%, rgba(0, 0, 255, 0) 100%, blue 95%); background-image: radial-gradient(45px 45px, ellipse farthest-corner, aqua 0%, rgba(0, 0, 255, 0) 100%, blue 95%);
470px 47px
.riviraes{
background-image:-webkit-radial-gradient(470px 47px, ellipse farthest-corner, rgb(100%,100%,50%) 20%, rgba(90%,60%,60%,.4) 30%, rgb(90%,90%,100%) 60%);
background-image: radial-gradient(470px 47px, ellipse farthest-corner, rgb(100%,100%,50%) 20%, rgba(80%,60%,60%,.4) 30%, rgb(90%,90%,100%) 60%);
}
cover
background: -webkit-radial-gradient(45px 45px, cover, rgb(255, 0, 0) 0%, rgb(0, 0, 255) 100%); background: radial-gradient(45px 45px, cover, rgb(255, 0, 0) 0%, rgb(0, 0, 255) 100%); |
0 comments:
Post a Comment