SocialAcademy • Forum

Social Academy Community Support Forum & Free Tutorial's & Skins



SocialAcademy • Forum » Support Section » Ask Question 's & Problems » Solved & Trash Files  →   How to get boxes like these ?

How to get boxes like these ?

Started by -

    Go to page : 1, 2  Next

  • Please log in to Reply

View previous topic View next topic Go down  Message [Page 1 of 2]

#1

OfflineZikaZ

ZikaZ
 
Member
Member

Posted Sat Jun 14, 2014 6:28 pm

 
Details:

How to get boxes like these ?

Screenshot:How to get boxes like these ? Screen13


Forum Address:http://narutowilloffire.4umotion.com/
Forum Version:PunBB







I tried this

Code:

 .tcr {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
background: #000000;
display: block;
margin-left: 50px;
margin-bottom: 2px;
padding-bottom: 2px;
padding-top: 2px;
color: #006CE0;
}


and this

Code:
.tcr {

border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
background: #000000;
display: block;
margin-left: 50px;
margin-bottom: 2px;
padding-bottom: 2px;
padding-top: 2px;
color: #006CE0;
}




But it turned out like this :


How to get boxes like these ? Screen22



#2

OfflineJ0k3R^

J0k3R^
 
Advance Member
Advance Member

Posted Sat Jun 14, 2014 6:47 pm

 
can u link the forum u saw it from?

Edit: remove these codes u added and try these:

Code:
.tcr, .tc2{
border-radius: 3px;
background: #253855;
padding: 3px!important;
}

http://fmplanet.forumgreek.com
#3

OfflineJordan Lee

Jordan Lee
 
Forum Helper
Forum Helper

Posted Sat Jun 14, 2014 7:14 pm

 


Hello,

in future make sure you try and use the code format whenever posting codes



Thanks,
Tommy



Last edited by Tommy Lee on Sat Jun 14, 2014 7:17 pm; edited 1 time in total

#4

OfflineJ0k3R^

J0k3R^
 
Advance Member
Advance Member

Posted Sat Jun 14, 2014 7:25 pm

 
Tommy Lee wrote:[link="/t398-how-to-get-boxes-like-these#2517"]

Hello,

[Post in progress]



Thanks,
Tommy

why did u make this useless post and deleted my post again?

http://fmplanet.forumgreek.com
#5

OfflineZikaZ

ZikaZ
 
Member
Member

Posted Sat Jun 14, 2014 7:37 pm

 
Sorry the codes didn't work

How to get boxes like these ? Screen23

There's no border and no bg around them !


The forum I saw it from :

http://darkchaos.forumb.biz/

#6

OfflineJ0k3R^

J0k3R^
 
Advance Member
Advance Member

Posted Sat Jun 14, 2014 7:42 pm

 
use these to css:


Code:
.pun .main table td.tcr{
background: #282F3A;
padding: 3px!important;
display: inline-block;
width: 200px;
margin-left: 50px;
border: 1px solid #534C4C!important;
}

.pun .main table td.tc2{
border: 1px solid #534C4C!important;
background: #282F3A;
padding: 3px!important;
display: inline-block;
width: 70px;
margin-left: 100px;
}



Last edited by J0k3R^ on Sat Jun 14, 2014 8:21 pm; edited 1 time in total

http://fmplanet.forumgreek.com
#7

OfflineZikaZ

ZikaZ
 
Member
Member

Posted Sat Jun 14, 2014 8:14 pm

 
I applied that code but now I have 2 small problems :


How to get boxes like these ? Screen23



1. How to remove the black line ? ^^






2. How to put a background behind the body as in this :


How to get boxes like these ? Screen22

#8

OfflineJ0k3R^

J0k3R^
 
Advance Member
Advance Member

Posted Sat Jun 14, 2014 8:24 pm

 
please make some categories to be visible to guests because i only see one category so i cant see this line u talking about..
and what u mean boxes are not aligned? u want to remove the space u circle with the yellow?

http://fmplanet.forumgreek.com
#9

OfflineZikaZ

ZikaZ
 
Member
Member

Posted Sat Jun 14, 2014 8:30 pm

 
Hi ,

I edited my post...

1) The black line is actually the line separating different forums ..i want to remove that

2) I also want to apply bg which I mentioned





"boxes are not aligned? " ---- Plz ignore this ...it has been solved :)

#10

OfflineJ0k3R^

J0k3R^
 
Advance Member
Advance Member

Posted Sat Jun 14, 2014 8:34 pm

 
i have understood what is this line, i told u to make one more category visible to guests so i can see this line because i only see one category right now.. :)


for the background try this: (maybe not work)

Code:
.pun .main-content, .pun .post{
background: url(http://i56.servimg.com/u/f56/15/75/22/69/backgr11.jpg);
border: 1px solid #070707;
box-shadow: 0 0 0 1px rgba(255,255,255,0.06) inset;
color: #DFDFDF;
}

Edit: replace the css of my previous post about the boxes, i have updated it for better view :)

http://fmplanet.forumgreek.com
#11

OfflineSponsored content


 

Posted

 

Message (Page 1 of 2)


    Go to page : 1, 2  Next


Share Topics Url

Url
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum

 
  • Free forum | ©phpBB | Free forum support | Report an abuse | Forumotion.com


Social Academy Forum
  1. FOLLOW US ON

  2.   Facebook

  3.   Twitter

  4.   Flickr

  5.   Youtube

  6.   Google

  1. SERVICES

  2. Premium Themes

  3. Menu Navigation

  4. Questions & Problems

  5. Skin Tutorials

  6. Theme Adaptation

  1. SUPPORT FORUM

  2. HTML - Ask Question & Problem

  3. CSS - Ask Question & Problem

  4. JAVASCRIPT - Ask Question & Problems

  5. Premium Tutorials - Ask Question & Problems

  6. Premium Theme - Ask Question & Problems

  1. FORUM FRIENDS

  2. FM Codes

  3. FMotion Graphics

  4. Eels MindanaoPH

  5. CyberMIX FM

  6. Forumotion

© Social Academy 2013-2022