Hi, im using sea script on www.mobitalk9.com bt probleme is that there is big probleme with opera mini, i want to make it user and mobile friendly bt when site open frm mobile it shows very long and wide page plz anybody help me on this?
-
-
I already gave you a hint in css to make your site a mobile friendly site. Want me to make a css for your site?
Or else if the css doesnt work try to modify the document type of your pages. -
Take a look at my css demo base on your site design.
Demo: Click Here
Added after 8 minutes:
I wasted 15mins. of my precious time for this, and i'll give it to you for free.. Just apply my sample css + page in your site's page.
Download Css Here
If you can't apply or having a trouble applying this to your site let me do the thing but it's not for free ofcourse
Last edited by Jervy; 28.02.11, 21:39.Comment
-
You should have considered posting the css you tried so we have a look. Not everybody knows what the seascript css looks like.Originally posted by MobiTalk9 View Post
And if possible checkout for anything width and height. I have a feeling thats where your problem lies though i've not seen the css yet.Comment
-
You may also use this in your css
body
{ max-width: 90%; }Comment
-
Bro here is my both css files plz help to make it mobile friendly thanxOriginally posted by youngbobby View PostComment
-
style.css
body {
max-width: 90%;
margin: auto;
padding: 4px;
font-size: 11px; font-family: sans-serif; color: #222222; background-color: #FFFFFF }
a{text-decoration: none;}
a:link {color:#3A4F6C;}
a:visited{color:#3A4F6C;}
a:hover{color:#97adcf; text-decoration: underline;}
a.page {background-color: #eff3f6; margin: 5px 1px 5px 0px; padding:2px;border:1px solid #cccccc}
hr{
margin: 0;
border: 0;
border-top: 1px solid #586776;
}
.a{background-color: #DFE6EF; margin: 1px; padding: 3px 5px 3px 2px;}
.b{background-color: #DFE6EF; margin: 1px; padding: 3px 5px 3px 2px;}
.c{background-color: #DFE6EF; margin: 1px; padding: 3px 5px 3px 2px;}
.nik {background-color: #DFE6EF; margin: 1px; padding: 3px 5px 3px 2px;}
.dl2 {background-color: #DFE6EF; margin: 1px; padding: 3px 5px 3px 2px;}
.dl {background-color: #DFE6EF; margin: 1px; padding: 3px 5px 3px 2px;}
.mblock {
background-color : #0097ce;
color : #fdffff;
padding : 2px;
margin-bottom : 1px;
margin-top : 1px;
font-weight : bold;
border-color : #00b9fd #006c93 #006c93 #00b9fd;
border-style : solid;
border-width : 1px;
}
.menu
{font-size: 10px; color: #a79e65;
background-color: #f5edbe;
border-top: 1px solid #86929d;
border-bottom: 1px solid #86929d;
margin: 0px 1px 1px 1px;
padding: 3px 5px 3px 2px;}
.title_bord {margin: 0px 0px 3px 0px; padding: 0px; border: 1px solid #86929d;}
.title {font-size: 12px; color: #FFFFFF; text-align: center; background-color: #6f859a; margin: 0px; padding: 5px 5px 5px 2px; border: 1px }
.title2 {font-size: 12px; color: #FFFFFF; text-align: left; background-color: #6f859a; margin: 0px; padding: 5px 5px 5px 2px; border: 1px }
.i_bar_t {margin: 0px 0px 1px 0px; padding: 0px 0px 0px 3px; border-left: 3px solid #6699cc;}
.i_bar {background-color: #eff3f6; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 3px; border-left: 3px solid #6699cc;}
a.page {background-color: #eff3f6; margin: 5px 1px 5px 0px; padding:2px;border:1px solid #cccccc}
span.page {background-color: #eff3f6; margin: 5px 1px 5px 0px; padding:2px;border:2px solid #6699cc; color:#6699cc}
span.page {background-color: #eff3f6; margin: 5px 1px 5px 0px; padding:2px;border:2px solid #6699cc; color:#6699cc}
ul{margin: 3px 0px 3px 2px; list-style-position:inside; padding-left: 3px;}
td.caltop {background: #D0D9E0; border-bottom: 1px solid #667886; text-align: center;}
td.calbody {background: #DFE6EF; text-align: center;}
td.calbody_left {background: #DFE6EF; text-align: left;}
td.calbody_td {background: #b1bac2; text-align: center;}
.pages {margin: 5px 0px 5px 0px;}
.form {margin: 0px 0px 3px 0px;}
.gran {margin: 0px 0px 3px 0px; padding: 0px; border: 1px solid #86929d;}
.title {font-size: 12px; color: #FFFFFF; text-align: center; background-color: #6f859a; margin: 0px; padding: 5px 5px 5px 2px; border: 1px solid #FFFFFF; background-image: url('/i/m1/tb.gif'); background-repeat: repeat-x;}
.title_l {color: #FFFFFF; background-color: #6f859a; margin: 0px; padding: 5px 5px 5px 2px; border: 1px solid #FFFFFF; background-image: url('/i/m1/tb.gif'); background-repeat: repeat-x;}
.title_bord {margin: 0px 0px 3px 0px; padding: 0px; border: 1px solid #86929d;}
.i_block {background-color: #DFE6EF; margin: 0px 0px 3px 0px; border: 1px solid #86929d; padding: 3px 5px 3px 2px;}
.page_block {text-align: center; background-color: #DFE6EF; margin: 0px 0px 3px 0px; border: 1px solid #A1AEB8; padding: 3px 5px 3px 2px;}
.t_bar {background-color: #D0D9E0; margin: 0px; padding: 1px 5px 1px 2px;}
.t_block {font-size: 12px; color: #3A4F6C; background-color: #D0D9E0; margin: 1px; border-bottom: 1px solid #86929d; padding: 3px 5px 3px 2px; }
.block {background-color: #DFE6EF; margin: 1px; padding: 3px 5px 3px 2px;}
.block_g {color: #948c54; font-size: 10px; background-color: #f5edbe; border-top: 1px solid #86929d; margin: 0px 1px 1px 1px; padding: 3px 5px 3px 2px;}
.block_dl {background-color: #DFE6EF; margin: 1px; border-bottom: 1px solid #86929d; padding: 3px 5px 3px 2px;}
.block_c {text-align: center; background-color: #DFE6EF; margin: 1px; padding: 3px 5px 3px 2px;}
.block_top {text-align: center; background-color: #DFE6EF; border-top: 1px solid #86929d; margin: 0px 1px 1px 1px; padding: 3px 5px 3px 2px;}
.block_top_l {background-color: #DFE6EF; border-top: 1px solid #86929d; margin: 0px 1px 1px 1px; padding: 3px 5px 3px 2px;}
.block_top_g {text-align: center; color: #a79e65; font-size: 10px; background-color: #f5edbe; border-top: 1px solid #86929d; border-bottom: 1px solid #86929d; margin: 0px 1px 1px 1px; padding: 3px 5px 3px 2px;}
.block_top_g_l {font-size: 10px; color: #a79e65; background-color: #f5edbe; border-top: 1px solid #86929d; border-bottom: 1px solid #86929d; margin: 0px 1px 1px 1px; padding: 3px 5px 3px 2px;}
.block_top_s_l {font-size: 10px; background-color: #D0D9E0; border-top: 1px solid #86929d; border-bottom: 1px solid #86929d; margin: 0px 1px 1px 1px; padding: 3px 5px 3px 2px;}
.logo {margin: 0px 0px 3px 0px;}
.photo {margin: 0px 0px 5px 0px;}
.block_top_g_l a {color: #696029;}
.block_top_g a {color: #696029;}
.block_g a {color: #696029;}
.i_bar {background-color: #eff3f6; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 3px; border-left: 3px solid #6699cc;}
.i_bar_t {margin: 0px 0px 1px 0px; padding: 0px 0px 0px 3px; border-left: 3px solid #6699cc;}
.i_bar_b {background-color: #DFE6EF; margin: 1px; padding: 3px 5px 3px 2px; border-left: 3px solid #6699cc;}
.hat_bar {text-align:inherit; background-color: #DFE6EF; margin: 1px; padding: 3px 5px 3px 2px;}
style1.css
body {
max-width: 90%;
margin: auto;
padding: 4px;
font-family : verdana, "Comic Sans MS", Helvetica, sans-serif;
}
a img, :link img, :visited img {
border : none;
}
a {
text-decoration : none;
color : #aa0000;
}
a:hover {
text-decoration : underline;
}
body, td {
margin : 0;
padding : 0;
font-size : small;
}
body {
background : #fff;
color : #000;
}
b {
font-weight : bold;
}
textarea {
font-size : small;
}
.tCenter {
text-align : center;
}
.siteLink {
color : #0060af;
}
.content {
width : 100%;
min-width : 200px;
margin : auto;
padding-top : 0;
}
.header {
text-align : center;
}
.logo {
text-align : center;
font-weight : bold;
color : #ffffff;
BACKGROUND-COLOR: black;
}
.logo a {
color : #fff;
}
hr {
background-color : #d2d2d2;
border : medium none;
height : 1px;
margin : 2px 0;
padding : 0;
}
h2 {
text-align : center;
color : #ffffff;
background : brown;
font-size : medium;
padding : 2px;
}
h2 a {
color : #ffffff;
}
h3 {
color : #fff;
background : #5f83d9;
padding : 3px;
}
.absmiddle {
vertical-align : middle;
}
.bt {
border-top : 1px solid #33a6cf;
}
.bb {
border-bottom : 1px solid #33a6cf;
}
.odd, .even, .sl {
margin : 2px 0;
padding : 2px 0 2px 2px;
vertical-align : middle;
}
.odd {
background : #ffffff;
}
.even {
background : #eeeeee;
}
.tbpad {
padding-top : 2px;
padding-bottom : 2px;
}
.catOdd {
background : #f5f5f5;
border-left : 3px solid #ffaa00;
}
.catEven {
background : #fff;
border-left : 3px solid #21b9bf;
}
.description {
background : #666;
color : #fff;
text-align : center;
}
.description a {
color : #fff;
text-decoration : underline;
}
.filedescription {
background : #eff9ff;
padding : 5px 0 5px 0;
text-align : center;
border-top : 1px solid #33a6cf;
border-bottom : 1px solid #33a6cf;
}
h1, .hd {
background : #33a6cf;
color : #ffffff;
font-size : small;
font-weight : bolder;
line-height : 20px;
padding : 0;
text-align : center;
vertical-align : middle;
}
.c4 {
height : 4px;
font-size : 4px;
}
.c10 {
height : 10px;
font-size : 10px;
}
.pl2 {
padding-left : 2px;
}
.link1 {
color : #aa0000;
}
.button {
color : #086c8f;
font-weight : bold;
}
.red {
color : red;
}
.info {
color : red;
background : #fff;
text-align : center;
padding : 2px;
}
.stat {
background-color : #ffffbb;
padding : 0 4px;
}
.user {
text-align : right;
}
p {
padding : 2px 0;
}
.devider {
background : #fff;
height : 5px;
}
.form_error {
color : #f00;
}
table {
width : 100%;
margin : auto;
}
table th {
background : #ffffff;
}
table tr {
background : #ffffff;
}
table td {
padding : 5px;
}
.dtype {
padding : 4px;
text-align : center;
}
.bkmk {
padding : 4px;
text-align : center;
color : #f00;
background : #ffffcc;
border : 4px double #fc0;
}
.path {
border-bottom : 1px dotted #33a6cf;
}
.fileName {
color : #960000;
font-weight : bold;
}
.search {
background : #FF69B4;
border : 2px solid #000000;
text-align : center;
color : #fff;
font-weight : bold;
}
.dwnLink {
color : #aa0000;
}
.pgn {
text-align : center;
}
.pgn span {
font-weight : bold;
color : #bbb;
}
img {
vertical-align : middle;
}
.showimage {
background : #fffbef;
padding : 5px 0 5px 0;
text-align : center;
border-top : 1px solid #33a6cf;
border-bottom : 1px solid #33a6cf;
}
.tblimg {
width : 52px;
text-align : center;
}
.tblimg img {
border : 1px solid #ddd;
}
.footer {
background-color : #f5f5f5;
padding : 0;
text-align : center;
}
.ftrLink {
background : #33a6cf none repeat scroll 0% 0%;
padding : 2px;
font-weight : bold;
text-align : center;
}
.ftrLink a {
color : #fff;
}
a.top {
color : #ff7f00;
font-size : smaller;
text-decoration : none;
}
.ad1 {
background : #ffffff;
color : #fff;
font-weight : bold;
}
.ad1 a {
background : #ffffff;
color : #fff;
font-weight : bold;
}
.ad2 {
font-weight : bold;
}
.ad3 {
color : #333;
}
.ad4 a {
color : #a00;
}
.adBold * {
font-weight : bold;
}
.adLinkBold a {
font-weight : bold;
}
.updates {
border : 1px solid #fc0;
}
.updates h2 {
color : #f00;
background : #fc0;
}
.updates div {
background : #ffffd7;
border-bottom : 1px solid #fc0;
padding : 3px;
}
.online h2 {
color : #f00;
}
.online div {
border-bottom : 1px dashed #bbb;
padding : 3px;
}
.online span {
font-weight : bold;
}
.catRow {
background : #f5f5f5;
border-bottom : 1px solid #dddddd;
padding : 3px;
}
.randomFile {
color : #fff;
border : 2px solid #33a6cf;
}
.randomFile a {
color : #fff;
}
.randomFile tr {
background : #555;
}
.guestentry {
border-top : 1px solid #eee;
border-bottom : 1px solid #ddd;
padding : 2px;
background : #f7f7f7;
}
.guestanswer {
color : #f00;
}
.item-control {
display : none;
}
.item-control a, .item-action a {
text-decoration : none !important ;
}
.widget-item-control {
float : right;
}
.icon-action {
border-style : none !important ;
margin : 0 0 -5px 0.5em !important ;
}
@media handheld {
.BLOG_mobile_video_class {
display : inline;
}
.BLOG_video_class {
display : none;
}
.raje {
PADDING-RIGHT: 2px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #abcdef 1px solid; BACKGROUND-COLOR: black; TEXT-ALIGN: center
}Comment
-
-
Then why n0t d0wnload and apply my css? I already gave u my dem0 and d0wnload link. All you have to do is apply it and it will be w0rking fine.
Demo: Waprock.Net
...Last edited by Jervy; 01.03.11, 14:14.Comment
Comment