Aranjare pagină HTML
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Probleme legate de un script (cod) :: Arhiva scripturi/coduri
Pagina 1 din 1 • Distribuiţi
Aranjare pagină HTML
Am pagina următoare : http://adclick.webservices.tv/h1-homepage cu următorul cod
Îmi explică şi mie cineva ce coduri trebuie să modific (ştiu că din cSS) pentru a centra totul (gen : )
să adaug un background;
să modific acel bănuţ din header;
să centrez acel hit counter;
- Cod:
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61577165-1', 'auto');
ga('send', 'pageview');
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Best PTC Sites | 2015 LIST</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="netinsert" content="0.0.1.2.32.2.1" /><link rel="stylesheet" type="text/css" href="http://10bestptcsites.com/style.css" />
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon"
type="image/png"
href="http://10bestptcsites.com/images/coins.gif">
<style>
body {
margin: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
background: #f0f0f0; /* #ebebeb */
color: #000000;
}
a, a:visited, a:active {
font-family: arial, helvetica, sans-serif;
font-size: 14px;
color: #0000dd;
text-decoration: none;
}
a:hover {
color: #0000ff;
text-decoration: underline;
}
p {
line-height: 130%;
}
ul {
list-style: disc;
padding-left: 30px;
}
li {
line-height: 130%;
}
img {
padding: 0px;
border: 0px;
}
/* Classes for aligning images */
.alignleft {
display: inline;
float: left;
margin-right: 20px;
margin-top: 5px;
}
.alignright {
display: inline;
float: right;
margin-left: 20px;
margin-top: 5px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
h3 {
font-family: arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 24px 0px 14px 0px;
}
#container {
width: 980px;
margin: 0 auto;
padding: 10px 0px 0px 0px;
}
#container2 {
float: left;
width: 980px;
padding: 0px 0px;
margin-bottom: 10px;
}
#header {
background: #000000 url('') left top repeat-x;
width: 980px;
height: 135px;
margin: 0px;
padding: 0px;
float: left;
border-top: 1px solid #000000;
}
#header h1 {
color: #ffffff;
letter-spacing: -1px;
font-size: 40px;
font-weight: bold;
padding: 27px 0px 0px 40px;
margin: 0px;
}
#header h1 a, #header h1 a:active, #header h1 a:visited{
color: #ffffff;
letter-spacing: -1px;
font-size: 40px;
font-weight: bold;
text-decoration: none;
}
#header h1 a:hover {
background: #ffffff;
color: #000000;
}
#headerimg {
float:right;
margin: 0px;
border: 0px;
padding: 23px 40px 0px 0px;
}
#header p {
color: #cecece;
font-size: 14px;
margin: 0px;
line-height: 110%;
padding: 5px 0px 0px 40px;
}
#topmenu {
float: right;
width: 980px;
background: #222222 url(' ') left top repeat-x;
padding: 0px;
margin: 0px;
}
#topmenu ul {
float: left;
display: inline;
margin: 0px;
padding: 0px 30px 0px 30px;
}
#topmenu li {
display: inline;
list-style: none;
margin: 0px;
padding: 0px;
}
#topmenu li a, #topmenu li a:visited, #topmenu li a:active {
display: block;
color: #ffffff;
text-decoration: none;
float: left;
margin: 0px 0px 0px 1px;
padding: 10px 20px 10px 20px;
}
#topmenu li a:hover {
text-decoration: none;
background: #ffffff url('images/bon.gif') top left repeat-x;
color: #000000;
}
#contentcontainer {
width: 900px;
float: left;
background: #ffffff;
display: inline;
margin: 0px;
padding: 10px 40px 35px 40px;
}
#content {
float: left;
width: 610px;
padding: 0px 20px 0px 0px;
margin: 0px;
}
#content h2, #content h2 a, #content h2 a:visited, #content h2 a:active {
margin: 20px 0px;
font-family: Georgia, arial, helvetica, sans-serif;
font-size: 24px;
color: #000000;
text-decoration: none;
}
#content h2 a:hover {
text-decoration: underline;
}
.toplistentry {
width: 610px;
margin: 0px;
padding: 15px 0px 10px 0px;
float: left;
}
.topnumber {
float: left;
}
.topnumber h3 {
font-size: 38px;
background: url('images/place.gif');
margin: 0px;
padding: 7px 0px 9px 0px;
width: 62px;
color: #423500;
text-align: center;
}
.topsite {
float: right;
width: 468px;
padding: 0px 0px 0px 33px;
margin: 0px;
}
.sitefeatures {
list-style-type: square;
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}
.sitelinks {
width: 100%;
text-align: center;
padding: 5px 0px;
margin: 0px 0px 10px 0px;
font-size: 16px;
background: #e9e9e9;
}
.sitelinks a {
font-size: 16px;
font-weight: bold;
}
form {
margin: 17px 0px 17px 0px;
padding: 10px 20px 10px 20px;
background-color: #f5f5f5;
width: 80%;
}
input {
border: 1px solid #d5d5d5;
padding: 4px;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
color: #1e1e1e;
}
.formbutton {
background: #e5e5e5;
padding: 5px 25px 5px 25px;
}
.formbutton:hover {
background: #d5d5d5;
text-decoration:underline;
}
textarea {
width: 90%;
border: 1px solid #d5d5d5;
padding: 4px;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
color: #1e1e1e;
}
#sidebar {
float: left;
width: 250px;
padding: 0px 0px 0px 20px;
margin: 0px;
}
#sidebar h2 {
margin: 26px 0px 18px 0px;
font-family: Georgia, arial, helvetica, sans-serif;
font-size: 18px;
}
#sidebar ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#sidebar .links li {
border-bottom: 1px dotted #aaaaaa;
margin: 0px;
padding: 15px 0px;
}
#sidebar .links li a, #sidebar .links li a:visited, #sidebar .links li a:active {
width: 280px;
display: block;
margin: 0px 0px 0px 0px;
text-decoration: none;
color: #0000ff;
}
#sidebar .links li a:hover {
text-decoration: none;
color: #000000;
}
#sidebar .links li p {
margin: 6px 0px 0px 0px;
color: #555555;
}
#sidebar .news li {
border-bottom: 1px dotted #aaaaaa;
margin: 0px;
padding: 5px 0px;
}
#sidebar .news span {
display: block;
font-size: 11px;
color: #848484;
padding: 0px;
margin: 0px;
}
#sharing {
width: 140px;
height: 65px;
padding: 5px 0px 0px 0px;
}
.sharebutton {
float: left;
width: 50px;
padding: 0px 5px;
}
#footer {
float: right;
width: 980px;
background: #cccccc;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #6a6a6a;
border-top: 1px solid #999999;
padding: 7px 0px 7px 0px;
margin-bottom: 0px;
}
#footer p {
padding: 0px;
margin: 0px;
}
#footer a, #footer a:active, #footer a:visited, #footer a:hover {
text-decoration: none;
border-bottom: 1px dotted #6a6a6a;
font-size: 12px;
color: #6a6a6a;
}
body{background: #ededed;margin:0;padding:0;}
#menu_wrap{position:relative;
margin-top:20px;
margin-left:auto;
margin-right:auto;
padding:0;
padding-right:0px;
width:801px;
height:47px;
list-style-type:none;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2)}.button a{cursor:pointer;text-align:center;font:14px/100% Arial, Helvetica, sans-serif;font-weight:bold;position:relative;min-width:50px;height:20px;float:left;padding:10px;padding-top:13.5px;padding-bottom:13.5px;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,.3)}.button:first-child a{-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-topleft-radius:10px;-moz-border-bottomleft-radius:10px;border-top-left-radius:10;border-bottom-left-radius:10px}.Blue,.Blue .button a{color:#d9eef7;background: #00adee;border-right:solid 1px #0078a5;background: -moz-linear-gradient(top, #00adee 0%, #0078a5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00adee), color-stop(100%,#0078a5));background: -webkit-linear-gradient(top, #00adee 0%,#0078a5 100%);background: -o-linear-gradient(top, #00adee 0%,#0078a5 100%);background: -ms-linear-gradient(top, #00adee 0%,#0078a5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adee', endColorstr='#0078a5',GradientType=0 );background: linear-gradient(top, #00adee 0%,#0078a5 100%);}.Blue .button a:hover,.Blue .button a:focus{background: #0095cc;background: -moz-linear-gradient(top, #0095cc 0%, #00678e 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095cc), color-stop(100%,#00678e));background: -webkit-linear-gradient(top, #0095cc 0%,#00678e 100%);background: -o-linear-gradient(top, #0095cc 0%,#00678e 100%);background: -ms-linear-gradient(top, #0095cc 0%,#00678e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095cc', endColorstr='#00678e',GradientType=0 );background: linear-gradient(top, #0095cc 0%,#00678e 100%);}.Blue .button a:active{background: #0078a5;background: -moz-linear-gradient(top, #0078a5 0%, #00adee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0078a5), color-stop(100%,#00adee));background: -webkit-linear-gradient(top, #0078a5 0%,#00adee 100%);background: -o-linear-gradient(top, #0078a5 0%,#00adee 100%);background: -ms-linear-gradient(top, #0078a5 0%,#00adee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078a5', endColorstr='#00adee',GradientType=0 );background: linear-gradient(top, #0078a5 0%,#00adee 100%);}.button:last-child a{float:left;border:none; -webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px}
</style>
<div id="container">
<div id="container2">
<div id="header">
<img src="http://10bestptcsites.com/images/coins.gif" id="headerimg" alt="Coins" />
<h1>
<a href="http://www.neobux.com/?r=alexmanase">Best PTC Sites</a>
</h1>
</div>
<div id="contentcontainer">
<div id="content">
<center><ul id="menu_wrap" class="Blue"><li class="button"><a href="#">Home</a></li><li class="button"><a href="http://adclick.webservices.tv/t357-submit-your-own-site#1492">Submit your site</a></li><li class="button"><a href="http://adclick.webservices.tv/f216-how-it-works">How it works</a></li><li class="button"><a href="http://adclick.webservices.tv/f214-tips-and-tricks">Tips and Tricks</a></li><li class="button"><a href="http://adclick.webservices.tv/f212-neobux">Neobux</a></li><li class="button"><a href="http://adclick.webservices.tv/f211-gokubux">GokuBux</a></li><li class="button"><a href="http://adclick.webservices.tv/f213-trafic-monsoon">TraficMonsoon</a></li><li class="button"><a href="http://adclick.webservices.tv/forum">Forum</a></li> </ul></center>
<center>
<li>
<p>
All click rates and referral percentages listed above are for standard (free) members. Upgraded members usually receive more money per click, more ads and a higher share on referral clicks.
</p>
</li>
</center>
<div class="toplistentry">
<div class="topnumber">
<h3>
1
</h3>
</div>
<div class="topsite">
<a target="_blank" href="http://www.gokubux.com/?ref=alexmanase"><img src="http://www.gokubux.com/banner01.gif" border="0" width="468" height="60" /></a>
<ul class="sitefeatures">
<li>
Ads: Earn up to <strong>$0.02</strong> per click. Offers 20+ ads per day.
</li>
<li>
Payout: Payments via PayPal and Perfect Money. Minimum $4 for free members.
</li>
<li>
Earn up to 300% per referal click.
</li>
<li>
Posibility to upgrade your account in 4 levels.
</li>
<li>
Referals with high <strong>average</strong>.
</li>
</ul>
<p class="sitelinks">
<a href="http://www.gokubux.com/?ref=alexmanase" target="_blank" rel="nofollow">Link 1</a> | <a href="http://www.gokubux.com/?ref=alexmanase">Link 2</a>
</p>
</div>
<div class="toplistentry">
<div class="topnumber">
<h3>
2
</h3>
</div>
<div class="topsite">
<a target="_blank" href="http://buxvertise.com/?ref=alexmanase"><img src="http://buxvertise.com/templates/ModernBlue/css/images/buxvertise01.gif" border="0" width="486" height="60" /></a>
<ul class="sitefeatures">
<li>
Ads: Earn up to <strong>$0.02</strong> per click. Offers 20+ ads per day.
</li>
<li>
Payout: Low payout cashes, only 2$
</li>
<li>
2$ <strong>refferal</strong> bonuses.
</li>
<li>
Chance to win prizes with buxgrid and wheel of bux
</li>
<li>
Referrals: Earn up to 200% of <strong>click value </strong>.
</li>
</ul>
<p class="sitelinks">
<a href="http://buxvertise.com/?ref=highjack1" target="_blank" rel="nofollow">Link 1</a> | <a href="http://buxvertise.com/?ref=alexmanase">Link 2</a>
</p>
</div>
</div>
<div class="toplistentry">
<div class="topnumber">
<h3>
3
</h3>
</div>
<div class="topsite">
<a href="http://www.neobux.com/?r=alexmanase"><img src="http://s27.postimg.org/n93a5wwgz/desc_rcare_1.png" width="468" height="60"></a>
<ul class="sitefeatures">
<li>
Ads: Earn up to <strong>$0.02</strong> per click. Offers 35+ ads per day.
</li>
<li>
Payout: Payments via PayPal, Payza, Nettler. Minimum $2 for free members.
</li>
<li>
Earn up to 0.02 per referal click.
</li>
<li>
Posibility to upgrade your account.
</li>
<li>
Chance to win up to <strong>50$ </strong> with <b> Adprize </b>.
</li>
</ul>
<p class="sitelinks">
<a href="http://www.neobux.com/?r=alexmanase" target="_blank" rel="nofollow">Link 1</a> | <a href="http://www.neobux.com/?r=alexmanase">Link 2</a>
</p>
</div>
<class="toplistentry">
<div class="topnumber">
<h3>
4
</h3>
</div>
<div class="topsite">
<a href="http://www.advertzer.com/?ref=alexmanase"><img title="Join Advertzer!" alt="Advertzer" src="http://i61.tinypic.com/igf6t1.gif" /></a>
<ul class="sitefeatures">
<li>
Advertise your own website
</li>
<li>
Activation ads and Paid ads are delivered daily after 00:00 server time.
</li>
<li>
Click up to 5 dolars for a ad
</li>
</ul>
<p class="sitelinks">
<a href="http://www.advertzer.com/?ref=highjack1" target="_blank" rel="nofollow">Link 1</a> | <a href="http://www.advertzer.com/?ref=alexmanase">Link 2</a>
</p>
</div>
<div class="toplistentry">
<div class="topnumber">
<h3>
5
</h3>
</div>
<div class="topsite">
<a href='https://trafficmonsoon.com/?ref=alexmanase' target='_blank'><img src='http://gifyu.com/images/468x601.gif' alt='Share Up To 110 % - 10% Affiliate Program' title='Share Up To 110 % - 10% Affiliate Program' border='0' /></a>
<ul class="sitefeatures">
<li>
Get paid hourly
</li>
<li>
Payout: Payments via PayPal and Payza. Minimum $2 for free members.
</li>
<li>
Share up to 110%
</li>
<li>
You can use the traffic exchange for free, so there's no reason not to try this one out!
</li>
</ul>
<p class="sitelinks">
<a href="https://trafficmonsoon.com/?ref=alexmanase" target="_blank" rel="nofollow">Link 1</a> | <a href="http://www.gokubux.com/?ref=alexmanase">Link 2</a>
</p>
</div>
<div class="toplistentry">
<div class="topnumber">
<h3>
6
</h3>
</div>
<div class="topsite">
<a href="http://www.inadpros.com/?ref=alexmanase"><img src="http://gifyu.com/images/ban5.gif" border="0"></a>
<ul class="sitefeatures">
<li>
Get <strong>$5</strong> bonus for sign up.
</li>
<li>
Payout: Payments via PayPal, EgoPay, Payeer, Perfect Money. Minimum $3 for cashout.
</li>
<li>
ROI up to 300%.
</li>
<li>
A family of more than 20,000 happy members who have received almost $19K of payments.
</li>
<li>
High deposit <strong>DISCOUNTS</strong>.
</li>
</ul>
<p class="sitelinks">
<a href="http://www.inadpros.com/?ref=alexmanase" target="_blank" rel="nofollow">Link 1</a> | <a href="http://www.inadpros.com/?ref=alexmanase">Link 2</a>
</p>
</div>
<div id="footer">
<p>
Copyright Š 2015 <a href="http://forumgratuit.ro/">Best PTC Sites</a>.
</p>
<a href="http://www.freecounterstat.com" title="website hit counters"><img src="http://counter8.allfreecounter.com/private/freecounterstat.php?c=c56613112c9672c3da7f38cc74f478b1" border="0" title="website hit counters" alt="website hit counters"></a>
<a href="http://www.forumgratuit.ro" target="_blank">forumgratuit.ro</a>
</div>
</div>
</div>
</div>
</div>
Îmi explică şi mie cineva ce coduri trebuie să modific (ştiu că din cSS) pentru a centra totul (gen : )
să adaug un background;
să modific acel bănuţ din header;
să centrez acel hit counter;
Ultima editare efectuata de catre Alexandru M in Mier Apr 22, 2015 6:13 pm, editata de 2 ori
Re: Aranjare pagină HTML
Buna ziua, Titlul dumneavoastră nu este explicit si de aceea nu ajuta la gasirea subiectului folosind opţiunea de "Cautare". Va rog sa va schimbati titlul subiectului intr-unul legat de problema dumneavoastra - folositi butonul . De asemenea, va reamintesc, pentru fiecare problema in parte va rog sa deschideti un subiect separat, iar in acest subiect sa ramana o singura problema. Multumesc pentru intelegere! |
Re: Aranjare pagină HTML
Titlu editat. Şi ce? Pentru un cod trebuie să fac un topic separat? Fii serios...
Re: Aranjare pagină HTML
Pentru background cauta in cod:
Pentru banut cauta in cod:
Iar pentru centrarea acelui banner cauta:
- Cod:
#contentcontainer {
width: 900px;
float: left;
background: #ffffff;
display: inline;
margin: 0px;
padding: 10px 40px 35px 40px;
}
Pentru banut cauta in cod:
- Cod:
<div id="header">
<img alt="Coins" id="headerimg" src="http://10bestptcsites.com/images/coins.gif" />
<h1>
- Cod:
http://10bestptcsites.com/images/coins.gif
Iar pentru centrarea acelui banner cauta:
- Cod:
#footer {
float: right;
width: 980px;
background: #cccccc;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #6a6a6a;
border-top: 1px solid #999999;
padding: 7px 0px 7px 0px;
margin-bottom: 0px;
}
- Cod:
#footer {
float: right;
width: 470px;
background: #cccccc;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #6a6a6a;
border-top: 1px solid #999999;
padding: 7px 0px 7px 0px;
margin-bottom: 0px;
}
Re: Aranjare pagină HTML
Avand in vedere ca acest subiect a fost marcat ca fiind "rezolvat", acesta va fi inchis si trimis in arhiva. => Topic rezolvat |
Vizitator- Vizitator
Subiecte similare
» Aranjare Pagina HTML
» Pagina html
» Pagina html
» Unde pun un cod HTML pentru o pagina HTML?
» Adaugare pagina html ca pagina de start
» Pagina html
» Pagina html
» Unde pun un cod HTML pentru o pagina HTML?
» Adaugare pagina html ca pagina de start
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Probleme legate de un script (cod) :: Arhiva scripturi/coduri
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum