SocialAcademy • Forum

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



SocialAcademy • Forum » Support Section » Ask Question 's & Problems » Solved & Trash Files  →   [Archived] Horizonal Profile Problem

[Archived] Horizonal Profile Problem

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

OfflineJ0k3R^

J0k3R^
 
Advance Member
Advance Member

Posted Wed Apr 30, 2014 5:46 am

 
Details: Hi, i followed the tutorial from here for horizonal profile but i have a problem.. it doesnt shows the profile very good.. :S i explain at the image what exactly want to change.. The "online" image and "Add friend" text must go to the right side above the profile fields and the profile fields go more top to be in line with avatar etc.. And the whole width before the msg to be less.. Thank you a lot if u have me with this!!!

[Archived] Horizonal Profile Problem AFZ0hGK


Notice that i dont use other css codes for topics

Forum Address: http://myplanet.forumgreek.com/
Forum Version: PunBB

http://fmplanet.forumgreek.com
#2

OfflineGrafix

Grafix
 
Management Team
Management Team

Posted Wed Apr 30, 2014 12:53 pm

 
please check if there is already some code in your css related post and delete before adding this code

https://socialacademy.forumotion.com
#3

OfflineJ0k3R^

J0k3R^
 
Advance Member
Advance Member

Posted Wed Apr 30, 2014 3:22 pm

 
i exactly did that before to add the code from the tutorial.
right now i checked again and the same result
i searched and deleted everything that was related to my topic msgs :/

http://fmplanet.forumgreek.com
#4

OfflineGrafix

Grafix
 
Management Team
Management Team

Posted Wed Apr 30, 2014 10:36 pm

 
can you give me the css of your skin ? so i can check

https://socialacademy.forumotion.com
#5

OfflineJ0k3R^

J0k3R^
 
Advance Member
Advance Member

Posted Thu May 01, 2014 5:50 am

 
i answered u via PM because the css is 2000 lines long

http://fmplanet.forumgreek.com
#6

OfflineGrafix

Grafix
 
Management Team
Management Team

Posted Thu May 01, 2014 6:14 am

 
P.S i can't find any error at your css so can you install it so i can check via inspect element . thanks

https://socialacademy.forumotion.com
#7

OfflineJ0k3R^

J0k3R^
 
Advance Member
Advance Member

Posted Thu May 01, 2014 6:15 am

 
okey im gonna use ur codes right now.
maybe i send u my viewtopic_body too?

http://fmplanet.forumgreek.com
#8

OfflineGrafix

Grafix
 
Management Team
Management Team

Posted Thu May 01, 2014 6:23 am

 
fin this in your viewtopic_body then delete

Code:
                  <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                      <div class="user">
                        <div class="user-ident">
                            <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                            <div class="user-basic-info">
                              {postrow.displayed.POSTER_AVATAR}

                              {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                            </div>
                        </div>
                        <div class="user-info">
                            {postrow.displayed.ONLINE_IMG}
                            <!-- BEGIN profile_field -->
                            {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                            <!-- END profile_field -->
                            {postrow.displayed.POSTER_RPG}
                        </div>
                      </div>


replace with this



Code:
    <table width="100%" style="border-bottom: 1px solid #c3dab5;background: #fff url('YOUR IMAGE LINK HERE3') bottom repeat-x;"><tr><td width="100px;" style="margin-left: 10px;">{postrow.displayed.POSTER_AVATAR}</td>
    <td><div class="user-ident">
                                    <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                                 
                                </div>{postrow.displayed.ONLINE_IMG}<br /{postrow.displayed.POSTER_RANK_NEW}
    {postrow.displayed.RANK_IMAGE}</td><td style="float: right;"><div class="user-info">
                                 
                                    <!-- BEGIN profile_field -->
                                    {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                    <!-- END profile_field -->
                                    {postrow.displayed.POSTER_RPG}
                                </div></td></tr></table>
                        <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>



replace the CSS with this


Code:

    .pun .user-ident .username {
        position: relative !important;
    }
    .pun .postbody {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    background-image: url("YOUR IMAGE LINK HERE1");
    background-origin: padding-box;
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: auto;
    width: 100%;
    }
    .pun .post {
    background-attachment: scroll;
    background-clip: border-box;

    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-size: auto;
    border-bottom-color: rgb(195, 218, 181);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: rgb(195, 218, 181);
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: rgb(195, 218, 181);
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: rgb(195, 218, 181);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 2px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;

    }


    .postfoot {
        clear: both;
        margin-right: 0em;
        border-top: 1px solid #c3dab5;
        padding: 0.5em 1em;
        text-align: right;
    background-color: rgb(255, 255, 255);
    background-image: url("YOUR IMAGE LINK2");
    background-origin: padding-box;
    background-position: 50% 100%;
    background-repeat: repeat-x;
        }
    .pun .posthead {background-color: #COLOR HERE;}
    .pun .postmain {
        background-color: #ecf3f7;
        border-left: 1px solid #ffffff;
        margin-right: 0px;
        }

https://socialacademy.forumotion.com
#9

OfflineJ0k3R^

J0k3R^
 
Advance Member
Advance Member

Posted Thu May 01, 2014 6:28 am

 
[Archived] Horizonal Profile Problem PClbOI6

the profile fields are deleted and the avatar is not in good position :O

http://fmplanet.forumgreek.com
#10

OfflineGrafix

Grafix
 
Management Team
Management Team

Posted Thu May 01, 2014 6:37 am

 
ok sorry , give me time :) pm me your viewtopic body thanks :)

https://socialacademy.forumotion.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

 
  • How to make a 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