Uređivanje Profila, Privatnosti, Naloga, Obaveštenja

Prikazano od 1 do 15 od ukupno 51
#1 15. Jun 2012. 16:12
Uređivanje Profila, Privatnosti, Naloga, Obaveštenja
UREĐIVANJE PROFILA I POČETNE

Uređivanje sopstvenog Profila:
1. Profil - Uredi Izgled Profila (odaberete opciju - Naprednoi tu menjate pozadinu i sve živo na profilu) a, ako želite nešto da isključite/uključite na profilu (prijatelje, aktivnosti), onda odaberete opciju - Blokovi.

Uređivanje Početne strane:
2. Ako želite sa Početne strane nešto da isključite/uključite npr. aktivnosti onda idete na Početna- Uredi kontrolnu tablu - Blokovi.

PODEŠAVANJE PRIVATNOSTI I NALOGA

Kako promeniti šifru, email, ime, nick, potpis na forumu.
1. U desnom vrhu sajta idete na Podešavanja - Podešavanja naloga
2. Takođe tu menjate i druge osnovne informacije.

Kako isključiti obaveštenja za e-mail, napraviti profil nevidljivim.
1. U desnom vrhu sajta idete na Podešavanja - Podešavanja privatnosti
2.Takođe tu brišete blokirane korisnike.


P. S. Koliko puta možete promeniti ime i nick zavisi od vašeg ranka, pročitajte o tome OVDE, a u vezi brisanja profila pročitajte OVDE.
Poslednje ažuriranje 15. Jun 2012. 16:53 od Gia.
<img src="http://sl.glitter-graphics.net/pub/573/573731fqbnqtbowc.gif" alt="" title="parsed_image" />
#2 28. Februar 2013. 20:39
prazan CSS profil, dakle default:


html {
font-size: 100.01%;
height: 100%;
}
body {
background: url("../image/layout/slika.png") repeat fixed 0 0 #EBDDE2;
color: #555555;
font-family: Arial,sans-serif;
font-size: 9pt;
height: 100%;
line-height: 18px;
margin: 0;
padding: 0;
}
#header_holder {
background: url("../image/layout/hd-bg.png") repeat-x scroll 0 0 #FFFFFF;
border-bottom: 5px solid #005E7A;
height: 120px;
}
h1, h2, h3, h4, h5, ul, p {
list-style: none outside none;
margin: 0;
padding: 0;
}
a {
color: #0583A9;
outline: 0 none;
text-decoration: none;
}
a:hover {
color: #000000;
outline: 0 none;
text-decoration: underline;
}
div.listing a {
border-right: 1px solid #CCCCCC;
padding: 4px;
}
div.listing a.active {
background: none repeat scroll 0 0 #0D8AE1;
color: #FFFFFF;
padding: 4px;
}
div.listing a.active:hover {
background: none repeat scroll 0 0 #0D8AE1;
color: #FFFFFF;
padding: 4px;
text-decoration: none;
}
div.listing a.last {
border-right: medium none;
}
img {
border: 0 none;
}
img.border {
border: 1px solid #CCCCCC;
}
img.image_online {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #FFFFFF;
padding: 1px;
}
img.image_online_status {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #6BBA70;
padding: 1px;
}
form, fieldset {
border: medium none;
margin: 0;
padding: 0;
}
select {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #C6C6C6 #C6C6C6 #E3E3E3;
border-image: none;
border-style: solid;
border-width: 1px;
color: #333333;
font-size: 8pt;
padding: 6px 4px 4px;
}
input, textarea {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #C6C6C6 #C6C6C6 #E3E3E3;
border-image: none;
border-style: solid;
border-width: 1px;
color: #333333;
font-size: 10pt;
padding: 4px;
}
input, select {
}
div#header {
margin: auto;
overflow: visible;
position: relative;
z-index: 100;
}
div#header div#top_nav_holder {
height: auto !important;
min-height: 10px;
position: relative;
}
div#header div#top_nav {
color: #FFFFFF;
}
div#header div#top_nav a {
color: #FFFFFF;
text-decoration: none;
}
div#header div#top_nav a:hover {
color: #FFFFFF;
text-decoration: underline;
}
div#top_nav_search_holder {
background: url("../image/layout/top-nav.png") no-repeat scroll center bottom transparent;
height: 45px;
}
div#top_nav_search_holder .top_icon {
margin-left: 5px;
}
div#top_nav_search_holder .mynav {
float: left;
margin-left: 10px;
margin-top: 10px;
width: 720px;
}
div#top_nav_search_holder .myprofilenav {
margin-top: 5px;
}
div#top_nav_search_holder .submenu {
background: url("../image/layout/menu-mid.png") repeat-x scroll 0 0 #0583A9;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
margin-left: 10px;
padding: 4px 10px;
}
div#top_nav_search_holder .submenu a {
color: #FFFFFF;
}
div#top_nav_search {
background: url("../image/layout/search-box.png") no-repeat scroll 0 0 #FFFFFF;
float: right;
margin: 8px 10px 0 0;
padding: 0;
width: 215px;
}
div#top_nav_search input#search_field {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #333333;
font-size: 11pt;
font-weight: bold;
margin: 0;
padding: 2px 0 2px 5px;
width: 169px;
}
div#top_nav_search input#search_button {
background: url("../image/layout/search-btn.png") no-repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
height: 30px;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: middle;
width: 37px;
}
div#header div#logo_holder {
position: relative;
}
div#header div#logo_corner {
left: 0;
position: absolute;
width: 14px;
}
div#header div#logo {
height: auto !important;
min-height: 100px;
}
div#header div#custom_logo {
float: left;
padding: 12px 0 2px 6px;
}
div#header .logo {
float: left;
margin-top: -9px;
padding: 0 0 2px 6px;
}
div#header .logo a {
background: url("/slike/logo.png") no-repeat scroll 0 0 transparent;
float: left;
height: 100px;
overflow: hidden;
text-indent: -9999px;
width: 500px;
}
div#logo div#banner {
float: left;
margin: 0 12px 2px;
text-align: center;
width: 210px;
}
div#header div#right_nav {
background: url("../image/layout/top-nav-left.png") no-repeat scroll 0 0 transparent;
padding-left: 10px;
position: absolute;
right: 10px;
top: 0;
}
div#header div.top-nav-right {
background: url("../image/layout/top-nav-right.png") no-repeat scroll 0 0 transparent;
height: 43px;
position: absolute;
right: 0;
top: 0;
width: 10px;
}
div#header ul#main_nav {
position: absolute;
right: 0;
top: 90px;
}
div#header ul#main_nav li {
background: url("../image/layout/menu-l.png") no-repeat scroll 0 0 transparent;
float: left;
margin-right: 5px;
position: relative;
}
div#header div#right_nav ul li {
float: left;
position: relative;
}
div#header ul#main_nav li a {
background: url("../image/layout/menu-r.png") no-repeat scroll right top transparent;
color: #FFFFFF;
display: block;
font-size: 9pt;
font-weight: bold;
line-height: 30px;
padding: 0 15px;
text-decoration: none;
}
div#header div#right_nav ul li a {
color: #FFFFFF;
display: block;
font-size: 9pt;
font-weight: bold;
line-height: 43px;
padding: 0 15px;
text-decoration: none;
}
div#header ul#main_nav li:hover a, div#header ul#main_nav li.hover a, div#header ul#main_nav li.active a {
background: url("../image/layout/menuh-r.png") no-repeat scroll right top transparent;
color: #FFFFFF;
}
div#header ul#main_nav li:hover, div#header ul#main_nav li.active {
background: url("../image/layout/menuh-l.png") no-repeat scroll 0 0 transparent;
}
div#header div#right_nav ul li:hover a, div#header div#right_nav ul li.hover a, div#header div#right_nav ul li.active a {
color: #FFDC00;
}
div#header ul#main_nav li ul, div#header div#right_nav ul li ul {
background: url("../image/layout/submenu.png") no-repeat scroll center bottom transparent;
border-top: medium none;
display: none;
left: 0;
overflow: hidden;
padding-bottom: 20px;
position: absolute;
top: 30px;
width: 160px;
}
div#header div#right_nav ul li ul {
top: 43px;
z-index: 9999;
}
div#header ul#main_nav li ul li, div#header div#right_nav li ul li {
background: none repeat scroll 0 0 transparent;
width: 100%;
}
div#header ul#main_nav li.hover ul li a, div#header ul#main_nav li:hover ul li a, div#header ul#main_nav li.active ul li a, div#header div#right_nav ul li.hover ul li a, div#header div#right_nav ul li:hover ul li a, div#header div#right_nav ul li.active ul li a {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 8pt;
line-height: 25px;
width: 160px;
}
div#header ul#main_nav li ul li.first, div#header div#right_nav ul li ul li.first {
}
div#header ul#main_nav li ul li a:hover, div#header div#right_nav ul li ul li a:hover {
background: none repeat scroll 0 0 #F5F5F5;
color: #007598;
}
div#header ul#main_nav li:hover ul, div#header ul#main_nav li.hover ul, div#header div#right_nav ul li:hover ul, div#header div#right_nav ul li.hover ul {
display: block;
}
div#header ul#main_nav li ul li.separate_menu {
border-top: 4px solid #51A0DA;
}
div#header ul#main_nav li ul li a, div#header ul#right_nav li ul li a {
padding: 0 0 0 5px;
}
div#header ul#main_nav li.explore ul {
background: url("../image/layout/explore-submenu.png") no-repeat scroll center bottom transparent;
left: auto;
overflow: auto;
position: absolute;
right: 0;
width: 370px;
}
div#header ul#main_nav li.explore ul li {
display: inline;
width: 180px;
}
div#header ul#main_nav li.explore ul li.first {
border-top: 0 none;
}
div#header ul#main_nav li.explore ul li a, div#header ul#main_nav li.explore ul li a:hover {
background-position: 2px 5px;
background-repeat: no-repeat;
padding-left: 22px;
}
#content_container {
background: url("../image/layout/body-top.png") no-repeat scroll center top #FFFFFF;
margin: 10px auto auto;
padding-bottom: 5px;
padding-top: 12px;
}
.body_width_holder {
margin: auto;
width: 980px;
}
div#content_container div.full {
padding: 0 6px;
}
div#content_container div.split {
overflow: hidden;
padding: 0 0 0 10px;
position: relative;
width: 64%;
}
div#sidebar {
float: right;
overflow: hidden;
padding: 0 10px 0 0;
position: relative;
width: 33%;
z-index: 1;
}
div#content {
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1;
}
div#content div.block {
margin-bottom: 10px;
}
div#content div.block div.title {
border-bottom: 1px solid #DFDFDF;
color: #393939;
font-size: 21pt;
font-weight: bold;
margin: 0;
padding: 4px;
position: relative;
}
div#content div.sub_block {
background: none repeat scroll 0 0 #F2F2F2;
border: 1px solid #E7F3FA;
}
div#content div.sub_block div.title {
background: none repeat scroll 0 0 #E7F3FA;
border-bottom: medium none;
}
div#content div.block div.content {
color: #555555;
line-height: 18px;
padding: 10px;
}
div#content div.block div.bottom {
background: none repeat scroll 0 0 #F7F7F7;
margin-top: 8px;
padding: 4px;
text-align: right;
}
div#content div.block div.bottom ul {
margin: 0;
padding: 0;
}
div#content div.block div.bottom li {
border-left: 1px solid #595B5F;
display: inline;
list-style-type: none;
padding-left: 4px;
padding-right: 3px;
}
div#content div.block div.bottom li.first {
border-left: medium none;
}
div#content div.block div.bottom a {
font-size: 9pt;
padding: 2px;
text-decoration: none;
}
div#content div.block div.bottom a:hover {
background: none repeat scroll 0 0 #54A4DE;
color: #FFFFFF;
text-decoration: none;
}
div#content div.block .js_edit_header_bar {
float: right;
margin-right: 3px;
}
div#content div.edit_bar, div#sidebar div.edit_bar {
background: none repeat scroll 0 0 #DFDFDF;
color: #393939;
margin: 0;
padding: 10px;
}
div#content div.menu {
font-size: 9pt;
margin: 0;
padding: 0;
}
div#content div.menu ul {
border: 0 none;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
div#content div.menu ul li {
display: block;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
div#content div.menu ul li a {
color: #0583A9;
display: block;
font-size: 10pt;
margin: 0;
padding: 4px;
text-align: center;
text-decoration: none;
}
div#content div.menu ul li a:hover {
color: #000000;
text-decoration: underline;
}
div#content div.menu li.active a {
background: none repeat scroll 0 0 #FFFFFF;
color: #333333;
text-decoration: none;
}
div#content div.sub_block div.menu ul li.active a {
background: none repeat scroll 0 0 #F2F2F2;
border-bottom: 1px solid #DFDFDF;
}
div#content div.menu li.first a {
margin-left: 5px;
}
div#content div.menu li.last a {
}
div#content p {
padding: 3px 13px 12px 7px;
}
div#content h1, div#content .h1 {
border-bottom: 1px solid #DFDFDF;
color: #0583A9;
font-size: 18pt;
font-weight: bold;
margin: 0 0 5px;
padding: 0 0 9px;
}
div#content h1 a, div#content .h1 a {
color: #0583A9;
text-decoration: none;
}
div#content h1 a:hover, div#content .h1 a:hover {
color: #0583A9;
text-decoration: underline;
}
div#content .item_info {
color: #808080;
font-size: 10pt;
font-weight: normal;
margin: 2px 0 20px;
}
div#content .item_info a {
color: #808080;
text-decoration: underline;
}
div#content .item_info a:hover {
color: #808080;
text-decoration: none;
}
div#content div#breadcrumb_parent {
color: #6B6B6B;
font-size: 12pt;
font-weight: bold;
margin-left: 4px;
position: relative;
}
div#content div#breadcrumb_parent #pointer {
position: absolute;
}
div#content h2, div#content div#breadcrumb_parent h1 {
border-bottom: 1px solid #DFDFDF;
color: #6B6B6B;
font-size: 12pt;
font-weight: bold;
margin: 0 0 5px;
padding: 0 0 5px 10px;
}
div#content h2 a, div#content div#breadcrumb_parent h1 a {
color: #6B6B6B;
text-decoration: none;
}
div#content h2 a:hover, div#content div#breadcrumb_parent h1 a:hover {
color: #6B6B6B;
text-decoration: underline;
}
h3 {
border-bottom: 1px solid #758AB7;
color: #393939;
font-size: 11pt;
font-weight: bold;
margin: 15px 0;
padding: 4px;
}
h3 a {
color: #1890E1;
text-decoration: none;
}
h3 a:hover {
color: #1890E1;
text-decoration: underline;
}
div#sidebar .extra_info {
color: #808080;
font-size: 9pt;
padding: 4px 0 4px 8px;
}
div#sidebar div.block {
background: none repeat scroll 0 0 #F5F5F5;
border-radius: 8px 8px 8px 8px;
margin-bottom: 10px;
padding-bottom: 10px;
}
div#sidebar div.block div.title {
background: url("../image/layout/sidebar-title.png") no-repeat scroll 0 0 #0583A9;
color: #FFFFFF;
font-size: 11pt;
font-weight: bold;
margin: 0;
padding: 5px;
position: relative;
}
div#sidebar div.block div.content {
padding: 10px;
}
div#sidebar div.block div.content input {
background: none repeat scroll 0 0 #FFFFFF;
color: #000000;
}
div#sidebar div.block div.bottom {
margin-bottom: 5px;
padding: 4px;
position: relative;
text-align: right;
}
div#sidebar div.block div.bottom ul {
margin: 0;
padding: 0;
}
div#sidebar div.block div.bottom li {
border-left: 1px solid #595B5F;
display: inline;
list-style-type: none;
padding-left: 4px;
padding-right: 3px;
}
div#sidebar div.block div.bottom li.first {
border-left: medium none;
}
div#sidebar div.block div.bottom a {
font-size: 9pt;
padding: 2px;
text-decoration: none;
}
div#sidebar div.block div.bottom a:hover {
text-decoration: underline;
}
div#sidebar div.block .js_edit_header_bar {
float: right;
margin-right: 3px;
margin-top: -2px;
}
div#sidebar div#menu {
background: url("../image/layout/menubg.png") repeat-x scroll center bottom #6DBD0E;
border-radius: 8px 8px 8px 8px;
margin-bottom: 10px;
padding: 10px;
position: relative;
}
div#sidebar div#menu div.title {
color: #FFFFFF;
font-size: 11pt;
font-weight: bold;
padding: 5px;
}
div#sidebar div#menu ul {
margin: 5px 10px;
padding: 0;
}
div#sidebar div#menu li {
display: inline;
}
div#sidebar div#menu li a, div#sidebar div#menu li a:hover {
color: #FFFFFF;
display: block;
font-weight: bold;
padding: 5px;
text-decoration: none;
width: 96%;
}
div#sidebar div#menu li a:hover {
background: url("../image/layout/arrow-right.png") no-repeat scroll 0 50% transparent;
color: #FFFFFF;
padding-left: 18px;
text-decoration: underline;
}
div#sidebar div#menu li a.first {
border-top: medium none;
}
div#sidebar div.menu {
font-size: 9pt;
margin: 0;
padding: 0;
}
div#sidebar div.menu ul {
border: 0 none;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
div#sidebar div.menu ul li {
display: block;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
div#sidebar div.menu ul li a {
background: none repeat scroll 0 0 #0583A9;
color: #FFFFFF;
display: block;
margin: 0;
padding: 4px;
text-align: center;
text-decoration: none;
}
div#sidebar div.menu ul li a:hover {
text-decoration: underline;
}
div#sidebar div.menu li.active a {
background: none repeat scroll 0 0 transparent;
color: #333333;
text-decoration: none;
}
div#sidebar div.menu li.first a {
margin-left: 5px;
}
div.info {
clear: both;
margin-bottom: 4px;
position: relative;
}
div.info_left {
color: #808080;
float: left;
font-weight: bold;
text-align: right;
width: 40%;
}
div.info_right {
margin-left: 41%;
text-align: left;
}
div#bottom {
background: url("../image/layout/bottom-bg.png") no-repeat scroll center top transparent;
margin: 0 auto;
padding-bottom: 40px;
padding-top: 50px;
position: relative;
}
div#bottom .bottom_menu {
float: left;
}
div#bottom .bottom_menu a {
color: #0583A9;
}
div#bottom .bottom_menu a:visited {
color: #0583A9;
}
div#bottom ul {
margin: 0;
overflow: hidden;
}
div#bottom ul li {
color: #DDDDDD;
float: left;
margin: 6px 0 0;
padding: 0 0 6px;
}
div#bottom ul li a {
color: #0583A9;
float: left;
font-size: 8pt;
font-weight: bold;
line-height: 1.2em;
text-decoration: none;
}
div#bottom ul li span {
float: left;
font-size: 8pt;
line-height: 1.2em;
padding: 0 3px;
}
div#bottom ul li a:hover {
text-decoration: underline;
}
div#bottom div.copyright {
color: #DDDDDD;
font-size: 8pt;
text-align: right;
}
div#bottom div.copyright a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
div#bottom div.copyright a:hover {
color: #FFFFFF;
text-decoration: none;
}
div#bottom div.copyright div {
padding-top: 4px;
}
div.copyright div.rss_link {
float: right;
height: 32px;
min-height: 32px;
width: 32px;
}
div.copyright div.rss_link a {
background: url("../image/layout/rss-white.png") no-repeat scroll 0 0 transparent;
display: block;
height: 32px;
text-decoration: none;
}
div.copyright div.rss_link a:hover {
text-decoration: none;
}
div.sample {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid red;
color: #000000;
cursor: pointer;
margin-bottom: 2px;
padding: 4px;
}
.fbconnect_holder {
margin: 5px 5px 0 0;
padding: 5px;
}
.fbconnect_button {
margin-top: 6px;
}
ul.h2_sub_menu {
margin-left: 20px;
margin-top: -5px;
}
ul.h2_sub_menu li {
display: inline;
}
ul.h2_sub_menu li a, ul.h2_sub_menu li a:hover {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #DFDFDF;
border-color: -moz-use-text-color #DFDFDF #DFDFDF;
border-image: none;
border-right: 1px solid #DFDFDF;
border-style: none solid solid;
border-width: 0 1px 1px;
color: #000000;
display: block;
float: left;
margin-right: 4px;
padding: 5px;
text-decoration: none;
}
ul.h2_sub_menu li a.is_focused, ul.h2_sub_menu li a.is_focused:hover {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: -moz-use-text-color #DFDFDF #DFDFDF;
border-image: none;
border-right: 1px solid #DFDFDF;
border-style: none solid solid;
border-width: 0 1px 1px;
}
.bannerholder {
background: url("../image/layout/mainbanner.png") no-repeat scroll center top #007598;
height: 340px;
position: absolute;
width: 100%;
}
.midbanner {
height: 340px;
}
div#js_block_border_user_login-block {
background: url("../image/layout/menubg.jpg") repeat-x scroll center bottom #6DBD0E;
border-radius: 10px 10px 10px 10px;
color: #FFFFFF;
float: right;
margin-top: 20px;
padding: 10px;
width: 250px;
}
div#js_block_border_user_login-block div.title {
font-size: 14pt;
}
div#js_block_border_user_login-block input {
background: none repeat scroll 0 0 #FFFFFF;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
}
div#js_block_border_user_login-block input.button {
background: url("../image/layout/menu-mid.png") repeat-x scroll 0 0 #00A7D9;
border: 1px solid #007598;
color: #FFFFFF;
font-size: 11pt;
font-weight: bold;
width: 100%;
}
div#js_block_border_user_login-block a {
color: #FFFFFF;
font-weight: bold;
}
div#js_block_border_user_login-block div.bottom {
margin-bottom: 5px;
padding: 4px;
position: relative;
text-align: right;
}
div#js_block_border_user_login-block div.bottom ul {
margin: 0;
padding: 0;
}
div#js_block_border_user_login-block div.bottom li {
display: inline;
list-style-type: none;
padding-left: 4px;
padding-right: 3px;
}
div#js_block_border_user_login-block div.bottom li.first {
border-left: medium none;
}
div#js_block_border_user_login-block div.bottom a {
font-size: 9pt;
padding: 2px;
text-decoration: none;
}
div#js_block_border_user_login-block div.bottom a:hover {
color: #FFFFFF;
text-decoration: underline;
}
div#sidebar div#home-announcements {
background: none repeat scroll 0 0 #0583A9;
color: #FFFFFF;
padding: 10px;
}
div#sidebar div#home-announcements div.title {
border: 0 none;
color: #FFFFFF;
font-size: 11pt;
margin: 0;
}
div#sidebar div#home-announcements div.content {
background: none repeat scroll 0 0 #005E7A;
padding: 8px;
}
div#featuredmembers {
height: 160px;
margin-top: 50px;
padding-left: 14px;
padding-right: 20px;
}
div#featuredmembers div.featitem {
background: url("../image/layout/featblock.png") repeat-x scroll 0 0 #00526A;
border: 1px solid #A1E9FF;
border-radius: 5px 5px 5px 5px;
color: #DDDDDD;
float: left;
margin-left: 18px;
padding-top: 5px;
text-align: center;
width: 118px;
}
div#featuredmembers div.featitem a {
color: #FFFFFF;
font-weight: bold;
}
div#featuredmembers div.featitem a:hover {
color: #FFFFFF;
text-decoration: underline;
}
div#featuredmembers div.featitem:hover {
background: none repeat scroll 0 0 #FFFFFF;
color: #555555;
}
div#featuredmembers div.featitem:hover a {
color: #005E7A;
}
div#featuredmembers div.featitem:hover a:hover {
color: #005E7A;
}
div#featuredmembers div.featinfo {
padding: 5px;
}
.homebanner {
float: left;
width: 672px;
}
.ifeatures {
float: left;
height: 90px;
width: 48%;
}
.ifeatimg {
float: left;
}
.ifeatinfo {
float: left;
margin-left: 10px;
width: 200px;
}


color znači boja fonta
background je pozadina
font-family, koristite samo web safe fontove

ukoliko želite imati vlastiti banner, napravite jedan veličine 500x100 pixela u fotošopu, uploadajte na neki od servisa (imageshack, tynipic isl) i stavite link u dio za banner u css.

ukoliko ne znate sa bojama i fontovima, prvo ih podesite pod napredno, pa onda dodajte dio, ili celi css pa se igrajte.

to je sve što bi trebali znati kod uređenja.
kodna stranica za boje je: http://www.w3schools.com/cssref/css_colorsfull.asp

koristite ove sa "#" pa 6 brojeva ili slova.
za sva dodatna pitanja, javite se na pvt

sretno
The following users say Thank You to for this useful post:
#3 19. Jul 2013. 14:38
Kao što se već vjerojatno shvatili, naši se profili daju uređivati na više način. Jedan od njih (komplicirajniji) je u CSS-u.
Kako se naš profil sastoji od više elemenata, za početak vam olakšam i napišem kako pojedini dio našeg profila izgleda kroz CSS-kodove.

GORNJI DIO POZADINE (sivi)

#header_holder {
background: url("../image/layout/hd-bg.png") repeat-x scroll 0 0 #FFFFFF;
border-bottom: 5px solid #005E7A;
height: 120px;
}

POZADINA (siva)

body {
background: url("../image/layout/slika.png") repeat fixed 0 0 #EBDDE2;
color: #555555;
font-family: Arial,sans-serif;
font-size: 9pt;
height: 100%;
line-height: 18px;
margin: 0;
padding: 0;
}

RIJEČI NA PROFILU KOJE SU POVEZANE S NEKIM LINKOVIMA
(npr. imena prijatelja, prijavi, obriši i sl. ... )


„a“ je ono što vidimo odmah, a „a:hover“ ono što vidimo kad mišem dođemo na odabranu poziciju

a {
color: #0583A9;
outline: 0 none;
text-decoration: none;
}
a:hover {
color: #000000;
outline: 0 none;
text-decoration: underline;

SLIKE NA PROFILU

img {
border: 0 none;
}
img.border {
border: 1px solid #CCCCCC;
}
img.image_online {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #FFFFFF;
padding: 1px;
}
img.image_online_status {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #6BBA70;
padding: 1px;
}

ELEMENT ZA UPISIVANJE KOMENTARA NA PROFILU

Gornji dio

.editor_menu {
background: none repeat scroll 0 0 #F0F0EE;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
margin-bottom: -2px;
padding: 4px;
width: 98%;
z-index: 0;
}


Donji dio

textarea {
background: none repeat scroll 0 0 #FFFFFF;
border-color: #C6C6C6 #C6C6C6 #E3E3E3;
border-image: none;
border-style: solid;
border-width: 1px;
color: #333333;
font-size: 10pt;
padding: 4px;
}

LOGO LEPTIRICE

div#header .logo a {
background: url("/slike/logo.png") no-repeat scroll 0 0 transparent;
float: left;
height: 100px;
overflow: hidden;
text-indent: -9999px;
width: 500px;
}


GLAVNI (GORNJI) MENI

div#header ul#main_nav {
position: absolute;
right: 0;
top: 90px;
}
div#header ul#main_nav li {
background: url("../image/layout/menu-l.png") no-repeat scroll 0 0 transparent;
float: left;
margin-right: 5px;
position: relative;
}
div#header div#right_nav ul li {
float: left;
position: relative;
}
div#header ul#main_nav li a {
background: url("../image/layout/menu-r.png") no-repeat scroll right top transparent;
color: #FFFFFF;
display: block;
font-size: 9pt;
font-weight: bold;
line-height: 30px;
padding: 0 15px;
text-decoration: none;
}
div#header div#right_nav ul li a {
color: #FFFFFF;
display: block;
font-size: 9pt;
font-weight: bold;
line-height: 43px;
padding: 0 15px;
text-decoration: none;
}
div#header ul#main_nav li:hover a, div#header ul#main_nav li.hover a, div#header ul#main_nav li.active a {
background: url("../image/layout/menuh-r.png") no-repeat scroll right top transparent;
color: #FFFFFF;
}
div#header ul#main_nav li:hover, div#header ul#main_nav li.active {
background: url("../image/layout/menuh-l.png") no-repeat scroll 0 0 transparent;
}
div#header div#right_nav ul li:hover a, div#header div#right_nav ul li.hover a, div#header div#right_nav ul li.active a {
color: #FFDC00;
}
div#header ul#main_nav li ul, div#header div#right_nav ul li ul {
background: url("../image/layout/submenu.png") no-repeat scroll center bottom transparent;
border-top: medium none;
display: none;
left: 0;
overflow: hidden;
padding-bottom: 20px;
position: absolute;
top: 30px;
width: 160px;
}
div#header div#right_nav ul li ul {
top: 43px;
z-index: 9999;
}
div#header ul#main_nav li ul li, div#header div#right_nav li ul li {
background: none repeat scroll 0 0 transparent;
width: 100%;
}
div#header ul#main_nav li.hover ul li a, div#header ul#main_nav li:hover ul li a, div#header ul#main_nav li.active ul li a, div#header div#right_nav ul li.hover ul li a, div#header div#right_nav ul li:hover ul li a, div#header div#right_nav ul li.active ul li a {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 8pt;
line-height: 25px;
width: 160px;
}
div#header ul#main_nav li ul li.first, div#header div#right_nav ul li ul li.first {
}
div#header ul#main_nav li ul li a:hover, div#header div#right_nav ul li ul li a:hover {
background: none repeat scroll 0 0 #F5F5F5;
color: #007598;
}
div#header ul#main_nav li:hover ul, div#header ul#main_nav li.hover ul, div#header div#right_nav ul li:hover ul, div#header div#right_nav ul li.hover ul {
display: block;
}
div#header ul#main_nav li ul li.separate_menu {
border-top: 4px solid #51A0DA;
}
div#header ul#main_nav li ul li a, div#header ul#right_nav li ul li a {
padding: 0 0 0 5px;
}
div#header ul#main_nav li.explore ul {
background: url("../image/layout/explore-submenu.png") no-repeat scroll center bottom transparent;
left: auto;
overflow: auto;
position: absolute;
right: 0;
width: 370px;
}
div#header ul#main_nav li.explore ul li {
display: inline;
width: 180px;
}
div#header ul#main_nav li.explore ul li.first {
border-top: 0 none;
}
div#header ul#main_nav li.explore ul li a, div#header ul#main_nav li.explore ul li a:hover {
background-position: 2px 5px;
background-repeat: no-repeat;
padding-left: 22px;
}

BIJELA POZADINA NA PROFILU

#content_container {
background: url("../image/layout/body-top.png") no-repeat scroll center top #FFFFFF;
margin: 10px auto auto;
padding-bottom: 5px;
padding-top: 12px;
}


KOMENTARI

Zaglavlje komentara

.comment_header {
background: none repeat scroll 0 0 #DDDDDD;
color: #000000;
padding: 4px;
}

Donji dio komentara (tijelo)

.comment_box {
background: none repeat scroll 0 0 #F5F5F5;
margin-bottom: 10px;
padding: 4px;
}
.comment_content {
background: none repeat scroll 0 0 #F5F5F5;
height: auto !important;
min-height: 100px;
position: relative;
width: 80%;
}

Ostatak koji nije pretjerano bitan u početku

.comment_outer {
position: relative;
}
.comment_sig {
border-top: 1px solid #CACBCC;
margin-left: 4px;
margin-top: 15px;
padding: 4px;
}
.comment_info {
padding: 4px;
position: absolute;
right: 0;
top: 0;
}
.comment_info_normal {
float: right;
padding: 4px;
text-align: left;
width: 17%;
}
.comment_link {
padding: 4px;
text-align: right;
}
.comment_link ul {
margin: 0 0 2px;
padding: 0;
}
.comment_link li {
display: inline;
padding-left: 4px;
}
.comment_link li a {
color: #0583A9;
font-size: 8pt;
font-weight: bold;
padding: 2px;
text-decoration: none;
}
.comment_link li a:hover {
color: #0583A9;
text-decoration: underline;
}
.comment_moderate {
background: none repeat scroll 0 0 #0583A9;
color: #FFFFFF;
}
.comment_moderate a {
color: #FFFFFF;
}
.comment_moderate a:hover {
color: #FFFFFF;
}
div.comment_mini {
background: none repeat scroll 0 0 #F5F5F5;
left: 0;
margin: 1px 0 0 8px;
padding: 4px;
position: relative;
}
.comment_feed {
background: none repeat scroll 0 0 #F5F5F5;
margin-bottom: 10px;
margin-top: -10px;
padding: 5px;
}
a#feed_view_more {
display: block;
font-size: 8pt;
font-weight: bold;
padding: 4px;
text-align: right;
text-decoration: none;
}
a#feed_view_more:hover {
color: #000000;
display: block;
font-size: 8pt;
font-weight: bold;
padding: 4px;
text-align: right;
text-decoration: none;
}


NICK I STATUS

.profile_header {
border-bottom: 1px solid #DFDFDF;
color: #0583A9;
font-size: 14pt;
margin: 0;
padding: 0 0 2px 10px;
position: relative;
}
.profile_header a {
color: #0583A9;
text-decoration: none;
}
.profile_header a:hover {
color: #0583A9;
text-decoration: underline;
}


PROFILNI MENI (donji meni)

#profile_menu {
background: none repeat scroll 0 0 #F5F5F5;
font-size: 11pt;
height: 35px;
margin: 0 0 10px;
padding: 0;
}
#profile_menu ul {
border: 0 none;
line-height: 30px;
list-style-type: none;
margin: 0 0 0 5px;
text-align: center;
}
#profile_menu ul li {
display: block;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
#profile_menu ul li a {
border-top: medium none;
color: #0583A9;
display: block;
font-size: 9pt;
margin: 0 0 10px 5px;
padding: 2px 6px;
text-align: center;
text-decoration: none;
}
#profile_menu ul li a:hover {
color: #000000;
}


PROFILNA NAVIGACIJSKA LISTA
(dodaj prijatelja, blokiraj, pošalji poruku ... ono što ne vidimo na svom profilu, ali vidimo kod drugih i drugi kod nas)


#profile_nav_list {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #0583A9;
border-radius: 8px 8px 8px 8px;
margin-bottom: 20px;
position: relative;
}
#profile_nav_list ul {
margin: 5px 10px;
padding: 0;
}
#profile_nav_list li {
display: inline;
}
#profile_nav_list li a, {
color: #0583A9;
display: block;
font-weight: bold;
padding: 5px;
text-decoration: none;
width: 96%;
}
#profile_nav_list li a:hover {
background: none repeat scroll 0 0 #F5F5F5;
color: #000000;
display: block;
font-weight: bold;
padding: 5px;
text-decoration: none;
width: 96%;

}

Sad kad znamo kodove za glavne dijelove profila, možemo se dohvatiti uređivanja.
Kako bi vam bilo lakše, evo još nekih objašnjenja.

Svaki kod određuje izgled elementa:
- background je pozadina koja može biti određena URL-om slike ili bojom #xxxxxx
- color: #xxxxxx je boja teksta
- border su obrubi
- „font-size“ je veličina slova
- „font-family“ je vrsta fonta


BOJE

Ako nešto ne želimo da se vidi, umjesto boje upisujemo transparent.
Boje su označene oznakom #xxxxxx. Nazivamo ih hex kodovima. Umjesto ovih xxxxxx su slovne i brojčane oznake, listu boja možete vidjeti ovdje.
Za boje postoje i rgb kodovi (ako želimo da boja bude „prozirna“), koristimo s iste liste brojke za formiranje koda iz stupaca R,G,B i naš kod na profilu upisujemo na mjesto boje rgba(R,G,B,0.x). 0.x je postotak, tj. umjesto x upisujemo broj od 1-9 ovisi koju gustožu boje želimo postići.

BORDERI (obrubi)

Npr: border: 1px solid #000000;

- 1px je širina obruba
- solid znači jednostruka (možete koristiti i „double“ za dvostruku liniju)
- #000000 je oznaka za crnu boju

Oznaka border označava sve obrube odabranog elementa. Ako želimo obojati samo jedan border, pišemo poziciju elementa, npr: border-left: 1px solid #000000;


Ukoliko na odabranom elementu postoji border koji se vidi, a mi ne želimo da se vidi, postojeću boju zamijenimo s „transparent“... npr.

Prije: border-left: 1px solid #000000; (crni border)
Poslije: border-left: 1px solid transparent; (nevidljiv border)


POZADINA

Pozadinu elemenata također u većini elemenata možemo mijenjati ili sakriti. Mijenjati je možemu svugdje gdje postoji definicija pozadine, a to izgleda ovako:

background: url("../image/layout/slika.png") repeat fixed 0 0 #EBDDE2;

- u zagradi između znakova navoda je dio URL-a slike, ako želite da vam pozadina ima neku drugu sliku, zamijenite postojeći URL onim kojeg ste odabrali
- ukoliko želite da vam pozadina bude prozirna, transparentna, onda obrišite URL slike između znakova navoda, a boju na kraju reda (ovdje je to #ebdede2) zamijenite sa transparent

Na ovaj vam je način najlakše promijeniti pozadinsku sliku na profilu. Naravno, pod uvjetom da element #content_container također učinite prozirnim po navedenom postupku.


Uređene kodove kopiramo na naš profil na za to određeno mjesto:
PROFIL – UREDI IZGLED PROFILA - CSS

zaboravih link za boje Smiley1 ... ima ih raznih, ja koristim ovaj

http://cloford.com/resources/colours/500col.htm


Koristeći se ovim što ovdje ostavljam, svatko uz malo truda može sam urediti svoj profil da ne bude bijel i monoton.

Neka ne zamjere profesionalci, ovo su upute amaterke koja je samouka došla do svog izgleda profila.

Ljubac svima i sretno love00401
Poslednje ažuriranje 27. April 2015. 19:06 od White.
The following users say Thank You to for this useful post:
#4 20. Jul 2013. 19:08
Sad mi sve jasno..buxaxaxaa..Jednom mozda i skontam..xexeBig GrinPusa
<img title="-webkit-user-select: none" src="http://dl9.glitter- graphics.net/pub/608/608289q08o3aylgm. gif">
The following users say Thank You to for this useful post:
#5 21. Jul 2013. 10:55
Muzika sa youtube na profilu i autoplay
odaberete video koji želite na youtube....
učinite sve kao na ovoj slici...

youtube-upua.png

kopirajte dobiveni kod...

u svoj kopirani kod, stavite &autoplay=1 kao na donjoj slici...

youtube-upute2.png

snimite i... voila... imate muziku na svom profilu...

ps: veličina 260x195 je veličina za sidebar... dakle, tamo gdje vam je muzika...
260 je širina, a 195 visina...
možete staviti više ili manje...
sretno Smiley (6)

Dodati podaci

"samo su dvije stvari beskonačne...

Svemir i ljudska glupost"
The following users say Thank You to for this useful post:
#6 28. Septembar 2013. 19:24
Pomoc
Da li neko moze da mi kaze kako da odjavim svoj mail sa ovog sajta? Ne koristim Leptiricu, a stalno mi stizu mailovi, a vidim da ne postoji opcija potpunog brisanja naloga?
#7 1. Oktobar 2013. 15:18
E-mail ne možete da odjavite ali možete da ga promenite ovde.

ili... jednostavnije, samo isključite obaveštenja na mail ovde, sačuvajte promene i više vam obaveštenja neće stizati.
...iz koje ste VI knjige?
#8 29. Novembar 2013. 17:34
raskid ugovora
Ćao svima. Nemam pojma od kud ja ovdje. A volio bi NE PRIMATI e-mailove i notifikacije... Htio bi ugasiti svoj profil/račun , a ne znam kako.
POMOZITE
Poslednje ažuriranje 29. Novembar 2013. 18:58 od aurora.
#9 29. Novembar 2013. 19:01
Ivach13 , premestila sam tvoj post ovde , tj. u vec postojecu temu sa istom namenom. Dakle da ne primas obavestenja na E-mail mozes urediti na sledeci nacin ovde , zatim sacuvas promene i vise ti obavestenja nece stizati...Prelistaj dobro forum pre nego otvoris novu temu jer tako ces lakse dobiti odgovor na sve sto te zanima u vezi naloga ili generalno o Leptirici.


Ukoliko ipak zelis da ugasis profil , ovde imas objasnjenje kako da to uradis :
Brisanje profila na Leptirici
Poslednje ažuriranje 29. Novembar 2013. 20:12 od aurora.

______________________________________ __________________________
ღBokaso
#10 16. Decembar 2013. 15:33
pozz...zanima me kako da promenim ime na chatu...
#11 16. Decembar 2013. 19:51
Pink Floyd , ime na chatu mozes promeniti ovde , zatim sacuvas promene i to bi bilo to.Pozdrav Ćao

______________________________________ __________________________
ღBokaso
#12 16. Decembar 2013. 20:01
ma nece jer sam vec menjao nik jednom
#13 16. Decembar 2013. 21:15
Evo objasnjenja za tebe Rankovi na sajtu! /Objašnjenje/
. Skupljaj bodove na forumu i usput se lepo druzi Smiley (6)

______________________________________ __________________________
ღBokaso
#14 16. Februar 2014. 18:11
Kako promijeniti ime na chatu? Big Grin
#15 16. Februar 2014. 21:11
Igore , ime na chatu možes promeniti ovde , zatim sačuvaš promene i to bi bilo to.

______________________________________ __________________________
ღBokaso
Prikazano od 1 do 15 od ukupno 51
Sva vremena su +1. Trenutno vreme je 12:50.