html share

Friday, May 22, 2015

example of box centering menu in wordpress mainav menu

#mainnav-menu {
//float: left;
//list-style-type: none;
//list-style-position: outside;
//position: relative;
//background: #004488;
//adaugat de mine

width: 70%;
height: 5%;
top: 28%;
left: 8%;
position: absolute;
margin-top: 1%;
margin-left: 0px;
border: solid 1px #ccc;
background: #004488;
}

Saturday, May 2, 2015

change credit link, powered by in wordpress theme

look in theme folder "inc" and locate the file
named "template-tags".
there is a line like this:

// Display Footer Text
add_action( 'smartline_footer_text', 'smartline_display_footer_text' );

function smartline_display_footer_text() { ?>

<span class="credit-link">
<?php printf(__( 'Powered by %1$s %2$s.', 'smartline-lite' ),
sprintf( '<a href="http://mh.edu.ro/" title="Copyright © 2014 Inspectoratul Scolar">%s</a>', __( 'Inspectoratul Scolar', 'smartline-lite' ) ),
sprintf( '<a href="http://http://mh.edu.ro/" title="Judetean Mehedinti">%s</a>', __( 'Judetean Mehedinti', 'smartline-lite' ) )
); ?>
</span>

Friday, May 1, 2015

Center box with CSS in wordpress sylesheets.css thanks to: http://stackoverflow.com

.jqbox_innerhtml
{
    position: fixed;
    width:500px;
    height:200px;
    background-color:#FFF;
    padding:10px;
    border:5px solid #CCC;
    z-index:200;
    margin: 5% auto;
}

How to center this box with CSS?
Full code

<html>
<head>
<style>
body
{
    margin:0px;
}
.jqbox_shadow
{
    position: fixed;
    width: 100%;
    opacity: 0.9;
    top:0px;
    margin:0px;
    min-height:200px;
    height:100%;
    z-index: 0;
    background: #000;
    font-size: 20px;
    text-align: center;
}
.jqbox_innerhtml
{
    position: fixed;
    width:500px;
    height:200px;
    background-color:#FFF;
    padding:10px;
    border:5px solid #CCC;
    z-index:200;
    margin-left:auto;
    margin-right: auto;
}

</style>

Sunday, January 26, 2014

box centered left right top down bottom

<html>
<head>
<style>
.centered1 {
    width: 70%;
    height: 5%;
    top: 0.5%;
    left: 15%;
    position: absolute;
    margin-top: 1%;
    margin-left: 0px;
   border: solid 1px #ccc;
   background: yellow;
}
</style>
<style>
.centered2 {
    width: 70%;
    height: 4%;
    top: 6%;
    left: 15%;
    position: absolute;
    margin-top: 1.1%;
    margin-left: 0px;
   border: solid 1px #ccc;
   background: purple;
}
</style>
<style>
.centered3 {
    width: 10%;
    height: 70%;
    top: 10%;
    left: 15%;
    position: absolute;
    margin-top: 1.5%;
    margin-left: 0px;
   border: solid 1px #ccc;
   background: red;
}
</style>
<style>
.centered4 {
    width: 50%;
    height: 70%;
    top: 10%;
    left: 25%;
    position: absolute;
    margin-top: 1.5%;
    margin-left: 0px;
   border: solid 1px #ccc;
   background: pink;
}
</style>
<style>
.centered5 {
    width: 10%;
    height: 70%;
    top: 10%;
    left: 75%;
    position: absolute;
    margin-top: 1.5%;
    margin-left: 0px;
   border: solid 1px #ccc;
   background: orange;
}
</style>
<style>
.centered6 {
    width: 70%;
    height: 5%;
    top: 65%;
    left: 15%;
    position: absolute;
    margin-top: 11.7%;
    margin-left: 0px;
   border: solid 1px #ccc;
   background: green;
}
</style>
<style>
.centered7 {
    width: 70%;
    height: 5%;
    top: 70%;
    left: 15%;
    position: absolute;
    margin-top: 11.8%;
    margin-left: 0px;
   border: solid 1px #ccc;
   background: brown;
}
</style>
</head>
<body>

<div class="centered1"> test top </div>

<div class="centered2"> test top/meniu </div>

<div class="centered3"> test left </div>

<div class="centered4"> test centre </div>

<div class="centered5"> test right</div>

<div class="centered6"> test down </div>

<div class="centered7"> test bottom</div>

</body>
</html>

Tuesday, April 16, 2013

css file how to page in the midle, center

div.ex1
{
width: 777px;
padding: 5px;
border: 1px solid #ccc;
margin: 1px;
}
div.ex2
{
width:350px;
float: left;
padding: 0px;
border: 1px solid #ccc;
margin: 1px;
}
div.ex3
{
float: right;
width: 350px;
padding: 0px;
border: 1px solid #ccc;
margin: 1px;
}
div.ex4
{
position:absolute;
top: 90%;
left: 20%;
right: 20%;
width: 777px;
padding: 5px;
border: 1px solid #ccc;
margin: 1px;
}

index.html page in the midle, center, div, how to css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>alinneaga div box center</title>

<link rel="icon" href="logo.ico">
<link rel="stylesheet" href="box.css" media="screen" type="text/css" />
</head>

<body>

<center>
<div class="ex1">
Head Head Head Head Head Head Head Head Head Head Head HeadHead Head Head Head Head HeadHead Head Head Head Head Head

<div class="ex1">
<div class="ex2">Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box vLeft box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box Left box </div>
<div class="ex3">Right box Right box Right box Right box Right box Right box Right box Right box Right box Right box Right box </div>
</div>

</div>

<div class="ex4">
Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom </div>

</center>
</body>
</html>