Strony internetowe

Wykonujemy tworzenie stron www w oparciu o najnowocześniejsze rozwiązania graficzne oraz technologiczne. Wystarczy opisać nam swoje potrzeby – posłuży to do stworzenia projektu, przeznaczanego następnie do akceptacji i, w razie pozytywnej oceny, witryna będzie realizowana zgodnie z wytycznymi, szybko i sprawnie. Każdy przez nas stoworzony projekt jest indywidualny, stworzony w terminie, nowoczesny i wyróżniający się na tle innych witryn w tej samej branży.

więcej...

* {margin:0; padding:0 }
html, body{     margin:0; padding:0;}
.clear{ clear:both;}    
/********************* GENERAL PAGE STYLE ********************************/    
* html  ul li{ height:1%;}
*:first-child+html ul{height:1%}
form {margin: 0;padding: 0;}    
img { border:0; }
p     {
padding:0;
line-height:1.4em;
}
h1, h2, h3, h4 {
padding:0 ;
margin: 0 ;
font-weight: bold;
line-height:normal;
font-family:Arial;
}
h1    {
font-size: 200%;
}
h2   {
font-size: 175%;
}
h3  {
font-size: 150%;
}
h4     {
font-size: 120%;
}
a        {
text-decoration: underline;
outline:0;
color:#8c8c8c;
}
a:hover {
text-decoration: none;
}
ol { padding-left:20px;}    
fieldset {
margin:5px 0;
border:none;
}
input,
select ,
textarea,
button {
border:solid 1px #ccc;
background:#FFF;
margin-bottom:3px;
font-family:Tahoma;
font-size:12px;
color:#8c8c8c;
padding:3px 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
object { outline:none; }

/************************ FONT FAMILY and STYLE *****************************/
body#ff-default { font-family:Verdana, Tahoma, Arial,   FreeSans, sans-serif;

}
.f-default {font-size: 11px;  color:#8c8c8c; }
/*************************** CONSTRUCTION ***************************** */

.pagewidth {
width:1004px;
margin:0 auto ;
}
#top {
position:relative;
height:100px;
overflow:hidden;
}
#top_left {
float:left;
width:280px;
display:inline;
}
#top_right {
float:right;
display:inline;     
}
#header{

}

.wrapper {
background:url(../images/header_bg.png) no-repeat center bottom;
height:15px;
}    
#container {
padding-top:30px;
padding-bottom:20px;
}    
#leftcol {
float:left;
display:inline;
}
#maincol {
float:left;
display:inline;
}    
#rightcol {
float:right;
display:inline;
}
#botwrap {
background:#efefef;
}
#botwrap2 {
background:url(../images/bot_wrap.png) no-repeat left bottom;     

}
#bottom_left {
height:290px;
padding-top:15px;
overflow:hidden;
float:left;
display:inline;
background:url(../images/bottom.png) no-repeat 100% 100%;
}
#bottom_right {
min-height:290px;
padding-top:15px;
overflow:hidden;
float:right;
display:inline;
background:#efefef ;
}       
#footer {

}    
#debug {
}
/************************** PAGE ELEMENTS ********************************/
.logo {
position:absolute;
top:5px;
left:0px;     
}
.language {
height:36px;
}     
#navbar ul {
list-style:none;
float:right;
}
#navbar ul li {
float:left;
margin:0 1px;
}
#navbar ul li a {
display:block;
float:left;
font-family:Verdana;
line-height:32px;
font-size:13px;
color:#8c8c8c;
padding:0 15px;
text-decoration:none;
background:#fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
border-radius:10px ;            
}      
#navbar ul li a:hover,
#navbar ul li.active a {
color:#FFF;
background:#bfbfbf;
}


#jflanguageselection {
margin-top:0;
}      

.footer {
padding:10px 0;
border-bottom:dotted 1px #ccc;
line-height:40px;    
}
.copyright {
padding:20px 0;
text-align:center;
font-size:9px;
color:#b2b2b2;
}
.footer_logo {
float:right;
width:200px;
display:inline;
text-align:right;
}      
#footer a {
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}     
#footer ul {
list-style:none;
}
#footer ul li {
float:left;
padding-right:15px;
}

/**************************  MODULES  **************************************/
.col ul {
list-style:none;
}
.col  ul  li {
line-height:normal;
}
.col ul li a {
text-decoration:none;
}
.col ul li a:hover {
text-decoration:underline;
}
.col p {
line-height:normal;       
}
.col label {
line-height:2em;
}
.col .inputbox {
width:96%;
}    
/************ MODULES in COLUMN **************/
.col .moduletable h3,
.col .moduletable_text h3,
.col .moduletable_menu h3{
font-size: 24px;
color:#ff6600;    
margin-bottom:15px;
}
.col .moduletable,
.col .moduletable_text,
.col .moduletable_menu {
padding-bottom:30px;
}
.col .moduletable_menu ul li {    
border-bottom:dotted 1px #ccc;     
}
.col .moduletable_menu ul li a {     
display:block;
font-size:13px;
color:#696969;
padding:5px 0 ;

}
.col .moduletable_menu ul ul {
padding-left:25px;
padding-bottom:10px;
list-style:square;
color:#696969;
}
.col .moduletable_menu ul ul li{    
border:none;
}
.col .moduletable_menu ul ul li a {
font-size:14px;
color:#696969;
padding:8px;
}    
/************ MODULES in CONTENT **************/
.colmain .moduletable h3,
.colmain .moduletable_text h3,
.colmain .moduletable_menu h3{
font-size: 25px;
color:#353535;
margin-bottom:15px;
}
.colmain .moduletable,
.colmain .moduletable_text,
.colmain .moduletable_menu {
margin-bottom:20px;
}
/************ MODULES in CONTENT **************/
#users {
border-bottom:dotted 1px #ccc;
padding:25px 0;
}
#users a {
text-decoration:none;
color:#ff6600;
}
#users a:hover {
text-decoration:underline;       
}
#users .moduletable ul {
list-style:none;
}
#users .moduletable h3 {
font-size: 24px;
color:#ff6600;    
margin-bottom:15px;
}
#users_left {
float:left;
display:inline;
}
#users_right {
float:left;
display:inline;
}
.user1,
.user2 {
float:left;
display:inline;
}
.w50 {
width:49%;
}
.w100 {
width:100%;
}
.user3 .moduletable{
border-left:dotted 1px #ccc;
padding-left:25px;
}
.user2 .moduletable{
padding:0 25px;
}     

.user1 .moduletable {
border-right:dotted 1px #ccc;
padding-right:25px;
}
.user1 .moduletable,
.user2 .moduletable,
.user3 .moduletable {    
min-height:150px;

}
/*********** bottom module *********/     
#bottom_left .moduletable h3,
#bottom_right .moduletable h3 {
color:#353535;
font-family:Arial;
font-size:24px;
margin-bottom:10px;
}
#bottom_right .moduletable {
padding-left:15px;
}
#bottom_right .button{
float:right;
margin-bottom:15px;
}

/**** SPECIAL  - MODULES **********************/    
/* sonda */
div.module .poll_title {
color:#ed1c24;
}
td.poll_title {
padding-bottom:5px;
font-weight:bold;     
}          
table.pollstableborder
{
margin:10px  0px !important;
}
.pollstableborder input
{
margin-right:5px;
border:none !important;
background:none !important;
}
td.sectiontableentry1, td.sectiontableentry2 {
height:20px;
}      
div.poll {
padding:0;
text-align:center;
}  
.contact_email    .inputbox {
width:350px;
}

/**************************  CONTENT  - STYLES  ***************************************/
.main {
padding:0;
}
.main ul  {
padding-left:15px;
}
.main ul li {
line-height:1.6em;
}
.main p {

}     

.mainpad{
padding-bottom:20px;
}    
.blog_more ul li {
line-height:1.6em;
}
.butheading {
float:right;
display:inline-block;    
}
.front_blogarticle {
position:relative;
}    

.front_blogarticle img {
border:solid 4px #efefef;
max-width:280px;
}    
.front_blogarticle .heading {
position:absolute;
top:50%;
right:4px;
background:#fff;
padding:8px 10px;
padding-right:20px;
font-size:15px;
width:60%;
color:#353535;
white-space:nowrap;
overflow:hidden;
font-weight:bold;     
}
.front_blogarticle .heading a {
text-decoration:none;
color:#353535;
}
.front_blogarticle .heading a:hover {
color:#ff6600;
}
/***************************** JOOMAL ELEMENTS **************************************/
.componentheading {
font-size: 25px;
font-weight: bold;
color:#353535;
margin-bottom:15px;
font-family:Arial;
}
.contentheading {
font-size: 16px;
font-weight: bold;
color:#696969;
padding-bottom:10px;
}

td.buttonheading,
.contentpaneopen td.buttonheading {
padding: 0px 3px 0;
}
td.column_separator {
padding-left: 37px;
}
td.componentheading {
padding-bottom: 15px;
}
.sectiontableheader {
font-weight: bold;
padding: 4px;
line-height: 20px;
}

.main tr.sectiontableentry1 td,
.main tr.sectiontableentry2 td,
.main td.sectiontableentry1,
.main td.sectiontableentry2 {
text-align: left;
padding: 2px 0 0px 5px;
}
.main tr.sectiontableentry2 td,
.main td.sectiontableentry2 {
height: 27px;
}
.main tr.sectiontableentry1 td,
.main td.sectiontableentry1 {
height: 27px;
}
/* paginacja */
div.pageslinks {
padding-top:10px;
text-align:center;
}  
div.paginationresults {
text-align:center;
}
/* button */
button,
.button {
height:24px;
line-height:24px;
padding:0 15px;
font-family:Arial;
font-size:15px;
font-weight:bold;
color:#fff;
background:#c0c0c0;
cursor:pointer;
}

/* readon */
a.readon {
display:block;
font-size:12px;
color:#babab6;
text-align:right;      
width:90px;
margin:0 0 0 auto;
margin-right:40px;
text-decoration:none;
}
a:hover.readon {
text-decoration:underline;
}    





/* autor - data */
.small,
.createdate ,
.modifydate ,
div.mosimage_caption {
font-size: 95%;
color:#ff6600;    
}   
.small {
margin-top:5px;
}
ul span.small {
float:none;
}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #ccc;
padding: 5px;
max-width: 200px;
z-index:10;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}    
 

Pozycjonowanie

Praca nad wizerunkiem naszego klienta w Internecie nie kończy się na stworzeniu serwisu. Gotową już stronę trzeba wypozycjonować, umożliwiając internautom łatwe jej znalezienie. Realizujemy kampanie pozycjonerskie w oparciu o nowoczesne i sprawdzone metody dzięki czemu witryny pną się do góry w wynikach wyszukiwania. Podobnie jak w przypadku pierwszej opcji, strony www aktualnie pozycjonowane otaczamy przez cały czas skrupulatną opieką.

więcej...

Dane kontaktowe

Tel. 507 079 257

e-mail: biuro@treeweb.pl

NIP: 628-199-80-73

 PrzykÅ‚adowe realizacje
 

                 

            
 

 

    Istnienie w Internecie bez wÅ‚asnej strony jest niemożliwe. Coraz częściej niemożliwe jest również zaistnienie w jakiejkolwiek dziaÅ‚alnoÅ›ci bez posiadania choćby skromnej wizytówki w formie wirtualnej. Być może niedÅ‚ugo nie bÄ™dzie możliwe istnienie w ogóle, jeÅ›li w dalszym ciÄ…gu rola sieci w naszym życiu prywatnym i zawodowym bÄ™dzie wzrastaÅ‚a z równÄ… mocÄ….
 

    Z uwagi na to, że myÅ›limy poważnie o przyszÅ‚oÅ›ci, realizujemy dla PaÅ„stwa szereg usÅ‚ug zwiÄ…zanych wÅ‚aÅ›nie z istnieniem – najpierw w Internecie, a potem w jego realnej otoczce. Firma treeWEB zajmuje siÄ™ różnymi formami promocji naszych klientów oraz ich dziaÅ‚alnoÅ›ci w sieci. Wykonujemy kolejno to, co bÄ™dzie PaÅ„stwu potrzebne, by zyskać rozpoznawalność marki, nowoczesnÄ… kreacjÄ™ firmy, wzrost sprzedaży produktów i usÅ‚ug. W naszej ofercie znajdziecie PaÅ„stwo na przykÅ‚ad tworzenie stron internetowych. Projektowanie witryn w sposób modny i niebanalny to nasza pasja, a celem jest oczywiÅ›cie maksymalne zadowolenie klientów. Strony internetowe stanowiÄ… najważniejszÄ… realizacjÄ™, jakiej możemy siÄ™ podjąć na PaÅ„stwa życzenie. Oferujemy peÅ‚nÄ… wygodÄ™: tworzymy strony www od samego poczÄ…tku, wykonujÄ…c najpierw interesujÄ…cy projekt lub kilka projektów do wyboru. Modyfikujemy już istniejÄ…ce witryny, które mogÄ… dziÄ™ki temu zyskać bardziej nowoczesny, dostosowany do aktualnych standardów wyglÄ…d.

    Tworzenie stron www jest poczÄ…tkiem drogi do peÅ‚nej wizualizacji zgÅ‚aszajÄ…cych siÄ™ do nas firm, zamierzajÄ…cych przenieść do sieci swoje interesy. Gwarantujemy, że każda z realizacji speÅ‚ni wymogi odnoÅ›nie poprawnego wyÅ›wietlania siÄ™ w różnych przeglÄ…darkach i na różnych platformach systemowych. JesteÅ›my zespoÅ‚em mÅ‚odych, dynamicznych osób, którym nie jest obca kreatywność w wykonywaniu najróżniejszych zleceÅ„. JesteÅ›my także profesjonalistami, wiÄ™c możecie mieć PaÅ„stwo pewność, że poÅ‚Ä…czymy efektownÄ… grafikÄ™ ze sprawnym i szybkim dziaÅ‚aniem strony. Wykonujemy również pozycjonowanie stron internetowych, dziÄ™ki czemu stworzona witryna może być Å‚atwiej odszukiwana przez PaÅ„stwa klientów, co zapewne zwiÄ™kszy ich ilość.

 

Zostań naszym fanem



Napisz do nas