inherit
223184
0
Jul 18, 2016 18:03:24 GMT -8
stronktank
86
July 2015
stronktank
|
Post by stronktank on Jul 15, 2015 1:51:43 GMT -8
Hello, 1. I was hoping to find a code similar to this for the V5 boards,... support.proboards.com/thread/358392/any-social-networks-mini-profileOpened a template request here.
2. Also, is there a way to have a custom 'registration terms' that members have to agree upon before registering? Like crew rules? Answer: Not possible.3. Then, when setting up h3, it doesn't override the settings of links? Meaning if I put 'Playlist one: link' in a post as h3 the 'playlist' part goes big but the link stays as is? Answer: Watch out with what you edit in the visual editor instead of the style sheet as it tends to overwrite other css.4. Non of the links that go out of the forum (or even linked towards topics in the same forum) open in a new tab. Is there a way to have the general setting that opens links in new tabs? Tumbleweed Avatar Jul 16, 2015 1:57:16 GMT 2 Tumbleweed said: #4 Perhaps you know this but when adding links manually like in posts or a link added in your headers/footer or in a templale you can add target="_blank" and is should open in a new tab or window: Below is the BBcode version ProboardsProboards I realize not everyone will do that in posts so you can try adding this either in your headers/footers if you want it on all themes or I just had this below my <body> tag in my forum wrapper template: (This is for all links in posts.) <script> $(".posts.post.message a").click(function(){ var url = $(this).attr('href'); var windowName = $(this).data('info'); // <-- using .data() window.open(url, windowName, "height=300,width=400"); return false; }); </script> This doesn't mess up even if someone does add target="_blank" in their links in posts. |
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jul 15, 2015 15:57:16 GMT -8
Hello, 1. I was hoping to find a code similar to this for the V5 boards,... support.proboards.com/thread/358392/any-social-networks-mini-profile2. Also, is there a way to have a custom 'registration terms' that members have to agree upon before registering? Like crew rules? 3. Then, when setting up h3, it doesn't override the settings of links? Meaning if I put 'Playlist one: link' in a post as h3 the 'playlist' part goes big but the link stays as is? 4. Non of the links that go out of the forum (or even linked towards topics in the same forum) open in a new tab. Is there a way to have the general setting that opens links in new tabs? Thanks a lot! I'll take the easiest ones first.
#4 Perhaps you know this but when adding links manually like in posts or a link added in your headers/footer or in a templale you can add target="_blank" and is should open in a new tab or window: Below is the BBcode version
[a target="_blank" href="http://support.proboards.com/"]Proboards[/a]Proboards
I realize not everyone will do that in posts so you can try adding this either in your headers/footers if you want it on all themes or I just had this below my <body> tag in my forum wrapper template: (This is for all links in posts.)
<script>
$(".posts.post.message a").click(function(){
var url = $(this).attr('href');
var windowName = $(this).data('info'); // <-- using .data()
window.open(url, windowName, "height=300,width=400");
return false;
});
</script>
This doesn't mess up even if someone does add target="_blank" in their links in posts.
You obviously wouldn't want every link to open in a new tab so are there specific ones you'd prefer did besides in posts?
#3. I'd have to see a link to your site to see if there is any class associated with the play list link. (Or link me to the play list widget you are using.) Actually, am I assuming you mean a link beween h3 tags like below??
[h3]http://support.proboards.com/[/h3]
If that is what you mean then adding this to the bottom of your style sheet should target both straight links (like the one above) and text that links and it should target only those in posts.
.message h3 a{color:#ff00ff!important; }
#1. I'll have to think about this question. I did skim both the template and plugin library and only found one but it wasn't ideal and exactly what you want.
#2. Just a couple ideas. You could have a popup when they come to your site with the rules and then say if you register you are agreeing to the rules. Or, you could create a custom page and make it your home page so they can read your rules and the same as above, say by registering you are agreeing to the rules. You can't add anything to the ProBoards login page, though.
|
|
inherit
223184
0
Jul 18, 2016 18:03:24 GMT -8
stronktank
86
July 2015
stronktank
|
Post by stronktank on Jul 16, 2015 5:47:49 GMT -8
Thanks a lot Tumbleweed! #4 There are some links in the navigation bar that should open in a different tab. (f.e. YouTube channel). The ones you posted are already extremely useful. Thanks. #3 I found out that the topic where it happened is written in HTML with a covered [html] tag around it. <h3> is where the links remain the same size. I'll just translate the html to bbcode. Though adding that code to the style sheet isn't a bad idea anyway. .message h3 a { font-size:18px !important; } ? #2 You mean the popup would only be visible for guests? Or does the popup show up when you press the register button? #1 Please tell me when you find something as now we are using the 'custom profile' tabs where you can't merge links (meaning f.e. putting socialclub.rockstargames.com/member/#id# where you only have #id# as a textfield and it turns up as a link, linking to the complete url) Let alone for the simplicity of the small symbols it would be great. I put the [url=]insert code here[/url]code to make this work, but normal members will put their entire link in there and mess up their mini-profiles. Anyway, if you don't find a better solution than the one you found, I'd be very happy with anything! Thanks![/a] |
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jul 16, 2015 14:46:30 GMT -8
Thanks a lot Tumbleweed! #4 There are some links in the navigation bar that should open in a different tab. (f.e. YouTube channel). The ones you posted are already extremely useful. Thanks. #3 I found out that the topic where it happened is written in HTML with a covered [html] tag around it. <h3> is where the links remain the same size. I'll just translate the html to bbcode. Though adding that code to the style sheet isn't a bad idea anyway. .message h3 a { font-size:18px !important; } ? #2 You mean the popup would only be visible for guests? Or does the popup show up when you press the register button? #1 Please tell me when you find something as now we are using the 'custom profile' tabs where you can't merge links (meaning f.e. putting socialclub.rockstargames.com/member/#id# where you only have #id# as a textfield and it turns up as a link, linking to the complete url) Let alone for the simplicity of the small symbols it would be great. I put the [url=]insert code here[/url]code to make this work, but normal members will put their entire link in there and mess up their mini-profiles. Anyway, if you don't find a better solution than the one you found, I'd be very happy with anything! Thanks! Glad you worked out #3.
#1. Well as crappy as I am at JavaScript, I worked out how to replace the text with a symbol but I did it for the ones that are default options on ProBoards (Facebook, Google+, Twitter, etc. But you say you have custom ones? I'm kind of confused by what you are saying. So now we need to not only make the link text into a image but I need to somehow find a way to add <a href=" and "> and </a>part so it isn't just the address of the link itself?
#2. Actually, using the register to trigger the popup, I can't do or am pretty sure I can't but I do think someone posted a pop up that just appears when the forum loads. Or I maybe able to do one myself if I can't find that one I'm thinking of. Were you preferring something that pops up when they click register?
|
|
inherit
223184
0
Jul 18, 2016 18:03:24 GMT -8
stronktank
86
July 2015
stronktank
|
Post by stronktank on Jul 16, 2015 16:24:55 GMT -8
Thank you for your time Tumbleweed#1 Sorry for confusing you. All I want is small images in the mini-profiles linking to the correct social networks+profiles. I want to add a Rockstar Social Club icon (http://i61.tinypic.com/2us9wdh.jpg) and a PSN icon (http://i58.tinypic.com/rk5xc2.jpg), both also linking to the correct social networks+profiles. I just want the members to only have to enter their ID (not the entire social club link). Examples: A text field where you enter #id# and if fills in in the link below. Rockstar Social Club ID: #id# socialclub.rockstargames.com/member/#id#PSN: #id# live.xbox.com/en-US/profile/#id#.aspx#2 Yeah, would be awesome to have the 'crew rules' pop up when they click register. If it would be possible so they have to 'check' accept (continue to register form) or 'check' decline (return as guest). #3 gccc.boards.net/thread/3/give-hoot-playlistsThe first header is h3, and worked with the little css (28px!important). But as you can see, the headers of the lists are all set to size="4", and the links still don't follow,... |
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jul 16, 2015 22:13:08 GMT -8
Thank you for your time Tumbleweed#1 Sorry for confusing you. All I want is small images in the mini-profiles linking to the correct social networks+profiles. I want to add a Rockstar Social Club icon (http://i61.tinypic.com/2us9wdh.jpg) and a PSN icon (http://i58.tinypic.com/rk5xc2.jpg), both also linking to the correct social networks+profiles. I just want the members to only have to enter their ID (not the entire social club link). Examples: A text field where you enter #id# and if fills in in the link below. Rockstar Social Club ID: #id# socialclub.rockstargames.com/member/#id#PSN: #id# live.xbox.com/en-US/profile/#id#.aspx#2 Yeah, would be awesome to have the 'crew rules' pop up when they click register. If it would be possible so they have to 'check' accept (continue to register form) or 'check' decline (return as guest). #3 gccc.boards.net/thread/3/give-hoot-playlistsThe first header is h3, and worked with the little css (28px!important). But as you can see, the headers of the lists are all set to size="4", and the links still don't follow,... We have a lot going on here and I don't know what to work on first. ha ha ha....
#3. I don't see where anything is set to font-size 4 but I'd use the equivalent in pixels.
I don't see any bbcode tags around the links either and I'm assuming you mean the ones below the main header and the other headers?
So it would be something like this:
[div style="font-size:12px;"]
[img alt=":race:" src="http://storage.proboards.com/6253000/i/vRTpFAh3IwqfUjTZrLuA.gif" style="max-width:100%;"][a href="http://socialclub.rockstargames.com/games/gtav/jobs/job/8JsomXDHZk-Ly6o832TwtA?platformId=2"]Compact Rehab 2[/a] by bellyfluff1
[img alt=":tdm:" src="http://storage.proboards.com/6253000/i/FBM9xN8R9YKwMuDuT7k4.gif" style="max-width:100%;"][a href="http://socialclub.rockstargames.com/games/gtav/jobs/job/pAGHkYDn7kqL4MKS-VebEQ?platformId=2"]Art of War[/a] by medicinalJay[br
More of the links here...just posted a couple
[/div]
and if you want your next header: Playlist: GCCC Verified 2 to have that same large text size as your first header then you'd need to put the h3 tags around that. And the start again with the div I posted above for the links below header two.
Also did you know you could add css to your style sheet to make that look a bit prettier so the images are more aligned to the text. For example, if you want to just target one post, make the post and save. Then where the gear option is, there is a link to post in the drop down and it'll show what post id it is. Then in your style sheet you could do:
#post-94 .message img{margin-bottom:-8px;margin-right:13px;
}
That would move your icon down a bit and put a space between the icon and text/links. Of course if you are doing a gazillion of those type posts, might not be worth your time.
Now back to the other things on your list.
#1--A. I don't currently have any social media. (Got sick of it and disabled my accounts) So can you test this on your forum and hopefully you have a facebook so this should change the Facebook to a symbol once you put your link in, in your profile and if you do see the symbol, click it and see if it takes you to your facebook page. (I may see if I can do template changes instead of the script route but if you can test this, it will be a fallback in case I can't work out the template.) You can put in your global header and then go to your profile and see if it made changes.
<script>
$(document).ready(function() {
var strNewString = $('.social.networks').html().replace(/\Facebook/g,'<img src="http://i40.tinypic.com/x6mp2b.gif">');
$('.social.networks').html(strNewString);
});
</script>
#1--B. Now I'm assuming, like that code you linked to you, you want the social media icons on the mini profile, correct? If you give me one more day, I'm going to see if I can make this a template change rather than using the script I gave you above but just so you know we are making some headway, I do have it working on my test site: Screen cap: 
#1--C. I have no idea how to have the link in the profile so it is already there so your users can just add their own ID in the slot but I think Trinityblair has a tutorial on that so I'll see if I can work it out when i'm working on #1--B.
#2. I'm not sure how to do it when they go to click register but I have one idea to try but finding the time to fiddle with this and the above stuff, well, I don't have a lot of time to spend on the computer. Hope you have a some patience with me or if you wish, you can make a separate thread for this one so someone else could maybe help you with it. (I did start to play with it but using just plain text. The tricky part will be adding it to the register button or maybe I could just have a fake register button as I have it when you tick the register box, it should take to register. hmmm I'm tired and am done thinking for the night. Anyway, It's the red fake register button if you want to test it out.
putteraround.boards.net/
|
|
inherit
223184
0
Jul 18, 2016 18:03:24 GMT -8
stronktank
86
July 2015
stronktank
|
Post by stronktank on Jul 17, 2015 6:44:29 GMT -8
Tumbleweed , thanks again for your quick and helpful response! I have time, there is no hurry, I'm already amazed by how helpful the people in here are! #3 As you can see I've put the first title between the /div tags and the link 'gccc verified 1' does not follow the tag (doesn't work with the size tag either, only with h3 tag). I'd like it to resize with both the /size or /div tag,... Btw thank you for the smiley positioning thing!!! Works nice! Any way I can have all my smileys positioned lower? #1--A I added it and it shows in my profile, but not my mini-profile? #1--B Exactly what I want!! But as I can't add Social Club or PSN to social networks, they would need to go there in some way (through custom profile fields?) #1--C An option with an 'example' filled in the text field (like there is 'Search,...' in the search text field would work too, then I could just add f.e. socialclub.rockstargames.com/member/yourusernamehere #2 That's about what I'd want, but then the red register link replaced with the original! That would already work, if the pop-up would say 'make sure you read the rules before you register option 1 - read the rules, option 2 - register.
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jul 17, 2015 8:25:44 GMT -8
Tumbleweed , thanks again for your quick and helpful response! I have time, there is no hurry, I'm already amazed by how helpful the people in here are! #3 As you can see I've put the first title between the /div tags and the link 'gccc verified 1' does not follow the tag (doesn't work with the size tag either, only with h3 tag). I'd like it to resize with both the /size or /div tag,... Btw thank you for the smiley positioning thing!!! Works nice! Any way I can have all my smileys positioned lower? #1--A I added it and it shows in my profile, but not my mini-profile? #1--B Exactly what I want!! But as I can't add Social Club or PSN to social networks, they would need to go there in some way (through custom profile fields?) #1--C An option with an 'example' filled in the text field (like there is 'Search,...' in the search text field would work too, then I could just add f.e. socialclub.rockstargames.com/member/yourusernamehere #2 That's about what I'd want, but then the red register link replaced with the original! That would already work, if the pop-up would say 'make sure you read the rules before you register option 1 - read the rules, option 2 - register. #3. Hmm, I see you have like 50px in there and nothing. Would you mind private messaging me the first two groups you have with all the bbcode code you used. Oh and I didn't have anything set perfect for that css tip I gave you but try this and change it to the post you want affected:
#post-94 .message img{margin-bottom:-8px; margin-right:9px;
}
#post-94 .message a{line-height:30px!important;
}
and here I thought the bbcode stuff would be the easiest to fix.
#1--A: Yep, typically the social network stuff never shows in the mini-profile. That will take a template change to the mini-profile and some css to address that but I don't want to start you doing that until I try to do this just with template changes and not the script I had you test.
#1--B & C: O.k. I'll be working on this today but I need to get some real work done at my real life job. We will have to use custom fields for your extra ones.
#2. I should have instructions on how to do that in the next couple hours. (Sorry, busy day but I have it working but the boxes aren't showing the check mark. I have not checked in IE. This was harder than I thought because I had to do everything in span tags. ) houseofglass.proboards.com/
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jul 18, 2015 3:23:40 GMT -8
stronktank, Thanks for Pm'ing me that. Hopefully, what I fixed on it will work for you. Fingers crossed.
#3. I'm just not going to be able to get those check marks to show up in the check boxes. The way the wrapper template is laid out, I'd have to rewrite most of whole wrapper. Much of the default welcome, login, register use span tags and if and else statements and forms don't seem to want to work right inside spans and using div's, breaks everything by putting things on new line and other bad things happen. I tried to find a way around it and no luck. Do you still want it and it may just be better to just put links in there they can click. (Sorry) If you still want it, I'll post the code/instructions.
I'm really sorry I got so busy so I haven't even given any of your other issues more thought. I'll be busy again today. |
|
inherit
223184
0
Jul 18, 2016 18:03:24 GMT -8
stronktank
86
July 2015
stronktank
|
Post by stronktank on Jul 18, 2015 4:07:46 GMT -8
Tumbleweed, Did you mean #2? it would have been a nice addition, but it is not necessary, thanks for looking in to it!! If there would ever be a way, I hope I'll find out. #3 is the most important as all my links in posts don't follow div/size tags (sent you more info in PM) #1 Would really love this addition though! Thanks a lot!!
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jul 19, 2015 1:06:25 GMT -8
Tumbleweed, Did you mean #2? it would have been a nice addition, but it is not necessary, thanks for looking in to it!! If there would ever be a way, I hope I'll find out. #3 is the most important as all my links in posts don't follow div/size tags (sent you more info in PM) #1 Would really love this addition though! Thanks a lot!! Yep, I meant #2.
#3, I sent you a pm forgetting I wasn't in this thread so hopefully what I gave you helps.
#1. As far as adding more social networks or doing a custom field as you asked, you may need to make a template request as I'm not sure if it can be even done how you want it. I puzzeled over this for a while and tried some things but I'm not having any luck.
However, I'm still giving you instructions on how to put social linked icons that are default on your mini-profile. Go to your mini-profile template and add this:
{if $[user.social_exists]}
<div class="networks_content">
{if $[user.social_network]}
<div class="social networks">
<h4>Social Networks</h4>
<div class="img_position">
{foreach $[user.social_network]}
$[user.social_network]
{/foreach}
</div>
</div>
{/if}
{if $[user.instant_messenger]}
<div class="social messengers">
<h4>Instant Messengers</h4>
{foreach $[user.instant_messenger]}
$[user.instant_messenger]<br />
{/foreach}
</div>
{/if}
</div>
{/if}
I added it below my custom fields so I added it below this in blue around line 29.
{foreach $[user.mini_custom_field]}
<br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
{/foreach}
If you don't want to include the instant messenger stuff then remove this part:
{if $[user.instant_messenger]}
<div class="social messengers">
<h4>Instant Messengers</h4>
{foreach $[user.instant_messenger]}
$[user.instant_messenger]<br />
{/foreach}
</div>
{/if}
Next, this is the javacript that will convert the text to the icons. As I said, you can add to either to your global header if you want this on all themes or add it to your wrapper template per theme.
<script>
$(document).ready(function() {
var strNewString = $('.social.networks').html().replace(/\Facebook/g,'<img src="http://i40.tinypic.com/x6mp2b.gif">');
$('.social.networks').html(strNewString);
var strNewString = $('.social.networks').html().replace(/\Google+/,'<img src="http://storage.proboards.com/3028697/i/mk7BKRcTxGMl6KLIKPyp.png">');
$('.social.networks').html(strNewString);
var strNewString = $('.social.networks').html().replace(/\LinkedIn/,'<img src="http://storage.proboards.com/3028697/i/b53Irlnw2Qppgkw4aoGH.jpg">');
$('.social.networks').html(strNewString);
var strNewString = $('.social.networks').html().replace(/\Twitter/,'<img src="http://i44.tinypic.com/2cwwscm.png">');
$('.social.networks').html(strNewString);
var strNewString = $('.social.networks').html().replace(/\YouTube/,'<img src="http://storage.proboards.com/2955945/i/eCZaauNBu5A7C6A4EJ_V.png">');
$('.social.networks').html(strNewString);
});
</script>
And this is the css: (Add to the bottom of your style sheet)
/*css for social media revamp*/
div.networks_content{height:88px!important;/*adjusts the height of the div*/
}
.social_networks{margin:auto;
}
.social.networks a{font-size:0px!important;/*couldn't get rid fo the +on google+ so opx font size needed*/
}
.social.networks img{float:left!important;margin:2px 0px 0px 2px;/*space around icons*/
}
.social.networks h4,.social.messengers h4{text-align:left;/*title position*/
}
.img_position{top:12px;padding-left:20px;text-align:center;/*positioning icons*/
}
.social.messengers{
margin-top:20px;/*brings IM up in the box*/
}
And to get your icons to line up when viewing your profile go to your "user profile" template and click the summary tab and scroll down to about line 104 and remove the break that is right after this: $[user.social_network] <br />
And problems, let me know.
And as far links in your menu opening a new tab, they were add via forum settings/navigation, right?
|
|
inherit
223184
0
Jul 18, 2016 18:03:24 GMT -8
stronktank
86
July 2015
stronktank
|
Post by stronktank on Jul 19, 2015 4:41:30 GMT -8
Tumbleweed! Thanks a lot!! #1 It worked, but the instant messangers display their links next to it? it should be linking to /skype:stronktank and /aim:stronktank from the image so it opens the application? gccc.boards.net/thread/58/event-1-date-time-example (for my profile check) Also, now they show below the row of social networks? So what I should do now is request a template to get PSN and R*SC added to social networks? #3 (see attachment) finally got solved by removing all that I entered in the 'content area container' - 'text' tab. It seems to override any BBcode,... Two new questions though,... #5 How to make the space smaller between the avatar and Most Recent Status (deleted the recent status in mini-profile, so the distance that is between the avatar and the social network icons)? #6 How to link to ALL smiley images to center them like you suggested? EDIT: For some reason it kicked out my post count, custom profile fields and online status out of the mini-profile layout,... Help! Attachments:
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jul 19, 2015 12:36:14 GMT -8
Tumbleweed! Thanks a lot!! #1 It worked, but the instant messangers display their links next to it? it should be linking to /skype:stronktank and /aim:stronktank from the image so it opens the application? gccc.boards.net/thread/58/event-1-date-time-example (for my profile check) Also, now they show below the row of social networks? So what I should do now is request a template to get PSN and R*SC added to social networks? #3 (see attachment) finally got solved by removing all that I entered in the 'content area container' - 'text' tab. It seems to override any BBcode,... Two new questions though,... #5 How to make the space smaller between the avatar and Most Recent Status (deleted the recent status in mini-profile, so the distance that is between the avatar and the social network icons)? #6 How to link to ALL smiley images to center them like you suggested? EDIT: For some reason it kicked out my post count, custom profile fields and online status out of the mini-profile layout,... Help! #1. I wasn't 100% sure you wanted IM on your miniprofile since the original code you linked was just for facebook and the like. I haven't used any IM in years and never used Skype and also never played PlayStation, so bear with me for asking probably stupid questions. Social Networks have a link built in on ProBoards so that was easier. By default, there is no link associated with IM built into Proboards (unless it is hidden somewhere. I have no IM to test) so I'd have to add that. For example, if we got it set up and there was an icon for Skype, when a member clicked on your Skype icon in your profile, where would it take them? Just to the Skype login page or is there a online personal profile page for you it would take them to?
#1-a. Where do you want Instant Messaging to show? #1-b. As for your template request. I guess in order to help you refine your request I need to educate myself. But first, do you want the PSN and R*SC icons to show under social networks or would that be maybe a separate section called gaming networks? Or do you want social networks, Instant Messaging Networks and Gaming networks to all be together? Again, I'm clueless but are there profiles online associated with PSN and R*SC so if a member clicked on your PSN icon in your profile it would take them to your profile or would it just take them to log into their own account? Again, it's sort of like the IM question as to where the PSN icon would take them.
I know two things about your request for adding more social/gaming icons: You want the link to PSN (and any other gaming networks) to be built in so members only have to add their name or id. The link should only show as a clickable icon on both viewing the persons profile and in the mini-profile. Clicking the icon should take them to where you want it to take them (like we have it on social networks) but I'm unclear on where that would be.
#3. Yea!
#5. Can you provide a screen shot of your profile. #6. Not sure what you mean by, link to? And smileys? Are we still talking about he social icons? If the social icons, maybe when I see your profile I can see what is wrong. As a guest, I can't see them when viewing that link.
Edit: I put it on another site and I see what you mean:
Replace this part of the css I gave you with this:
.img_position{
position:relative;
display: inline-block;
margin-left: auto;
margin-right: auto;
padding:1px;/*positioning icons*/
}
Also I did have to adjust this line of css, the part in blue, I had to go a negative 6 to get my icons to be right but play with that to how you want it:
.social.networks img{float:left!important; margin:-6px 0px 0px 2px;/*space around icons*/
}
|
|
inherit
223184
0
Jul 18, 2016 18:03:24 GMT -8
stronktank
86
July 2015
stronktank
|
Post by stronktank on Jul 19, 2015 15:27:55 GMT -8
Thank you, Tumbleweed. #1 It doesn't really matter what it links to. gccc.boards.net/ Check the small sidebar on the left (social), and click the skype icon. It just links to /skype:username to open the app and contact the username. Guess it's the same for AIM. Doesn't matter if you use them or not, I just put in fake /stronktanks  . So as you can see in my broken profile picture (attachment) the link next to the skype symbol has 'the link' next to it, while it should be 'in' it. Same for the AIM, but still have to upload an img. #1-a I want the instant messagers AND the R*SC ( icon) and PSN ( icon) and eventually all in the same line with the social networks and messengers. As you can see I put 'fake' ones in my attachment profile to see how it looks. When there is a script I'd be able to add any social network (like the old V4 version does). #1-b no separate sections or title, all the images just in the same line as the image should do the work of saying what it is. you can link to any symbol, I can replace them later. Same for the 'links'. Yes there are links, as mentioned above to Rockstar Social Club and PSN, but in your template just link to /socialclub and /PSN, I'll add in the links later. EXACTLY. As said before, where it takes you: AIM and SKYPE: /app:username. PSN, GAMERTAG and SOCIAL CLUB: link/username. #5, Provided my borken profile in the attachment and as you can see there is a too big space between the social network icons and the avatar, any way I can move them closer? #6: gccc.boards.net/thread/3/gccc-verified-jobs-ps3 You suggested to add a code in my style sheet that 'linked' (that's what I mean with linked) to .message and positioned the 'smileys' (the icons are custom smileys) more beautifully. I was wondering if I could 'link' to any 'icon/smiley' with the same style settings. Unclear what those two codes are you posted, but assuming the first is for positioning all 'icons/smileys'? Second code is for positioning social icons? As you can see, I quite messed it up,... (check attachment) THANK YOU FOR YOUR TIME!!!!
Attachments:
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jul 19, 2015 20:46:25 GMT -8
You are making my brain spin. ha ha ha. Actually, you are making my brain work and that is good. Wish I wasn't so limited on time to work on this.
In order to move the icons up closer to your avatar, I had to make sure I didn't mess with anything when you view your profile so I added two more lines of code which are in blue that targets the mini-profile only. The ones directly above it are for the view profile. So get your "view profile" one looking good and the adjust the mini-profile.
/*css for social media revamp*/
.networks_content{height:88px!important;/*adjusts the height of the div*/
}
.mini-profile .networks_content{margin-top:-20px;/*adjusts the position of the miniprofile div*/
}
.social_networks{margin:auto;
}
.social.networks a{font-size:0px!important;/*couldn't get rid of the +on google+ so a px font size needed*/
}
.social.networks img{float:left!important;margin:7px 0px 0px 2px;/*space around icons*/
}
.mini-profile .social.networks img{float:left!important;margin: 0px 0px 0px 2px;/*space around icons*/
}
.social.networks h4,.social.messengers h4{text-align:left;margin:0px;padding:0px;/*title position*/
}
.img_position{
position:relative;
display: inline-block;
margin-left: auto;
margin-right: auto;
padding:1px;/*positioning icons*/
}
.social.messengers{
margin-top:20px;/*brings IM up in the box*/
}
When you are adjusting the mini profile icons, you may want to put a border around your avatar just to make sure you aren't encroaching on it with your settings. .mini-profile .avatar{border:1px solid red;
}
As for the IM's and Game network social stuff, I think I'm working it out so if you can hold on a bit longer. (I'm having a hard time finding time to work on it because my niece is visiting.)
And for your smileys, there is no template for that but feel free to ask in another thread. The only thing I could help you do is space them closer together and change the background color behind them.
.smiley-menu {background-color:blue;
}
.smiley-menu img{margin:-2px!important; }
|
|
. So as you can see in my broken profile picture (attachment) the link next to the skype symbol has 'the link' next to it, while it should be 'in' it. Same for the AIM, but still have to upload an img.