46.gif
Best Blackhat Forum / Freebies / Software, Scripts, Plug-ins, Tools and Bots / [TUT]Crea8social video home background

Search (advanced search)
Use this Search form before posting, asking or make a new thread.
Tips: Use Quotation mark to search words (eg. "How To Make Money Online")

New Reply
 
02-25-2015, 09:11 PM (This post was last modified: 02-25-2015 09:15 PM by abelwang.)
Post: #1
abelwang Offline
Senior Member
***
Posts: 308
Joined: Sep 2013

Reputation: 73
[TUT]Crea8social video home background
Today i m going to share a my modification of Crea8social video home background.
Its very simple:
First Open up themes\frontend\default\views\home\index.blade.php
Replace everything with below code. Remember to make a copy of original code.
You can change the video link with your own video link
if you like my share pls REP++ Thanks...

<script>

document.createElement('video');

</script>
<style>
video#bgvid {

position: fixed; right: 0; bottom: 0;

min-width: 100%; min-height: 100%;

width: auto; height: auto; z-index: -100;

background: url(https://db.tt/wkXtrkxR) no-repeat;

background-size: cover;

}
video { display: block; }
</style>

<div id="topography">



<video autoplay loop poster="polina.jpg" id="bgvid">

<source src="https://db.tt/5pxb5Gzr" type="video/webm">

<source src="https://db.tt/20CgLFt1" type="video/mp4">

</video>

<div class="container clearfix">

<div class="left">
<h3 class="title">{{trans('home.welcome-to-our-social-network')}}</h3>

<div class="welcome-notes">
<div class="media">
<div class="media-object pull-left"><i class="icon ion-compose"></i></div>
<div class="media-body">
<h3>{{trans('home.share-content')}}</h3>
<span>{{trans('home.share-content-note')}}</span>
</div>
</div>

<div class="media">
<div class="media-object pull-left"><i style="color: white" class="icon ion-chatboxes"></i></div>
<div class="media-body">
<h3>{{trans('home.discuss')}}</h3>
<span>{{trans('home.discuss-note')}}</span>
</div>
</div>

<div class="media">
<div class="media-object pull-left"><i class="icon ion-ios7-people-outline"></i></div>
<div class="media-body">
<h3>{{trans('home.find-people')}}</h3>
<span>{{trans('home.find-people-note')}}</span>
</div>
</div>
</div>

<!--<div class="social-authentication-links">
<a href="" class="facebook"><i class="icon ion-social-facebook"></i> Continue with facebook</a>
<a href="" class="twitter"><i class="icon ion-social-twitter"></i> Continue with twitter</a>
</div>-->
</div>
<div class="right">
<div class="login-social-links">
<a href="" data-toggle="modal" data-target="#signup-form-modal" class="email"><i class="icon ion-android-mail"></i> <span class="arrow-right"></span> {{trans('home.signup-with-mail')}}</a>
</div>
<form id="login-form" role="form" action="user-home.php" method="post">
<div class="message"></div>
<div class="form-group">
<label for="exampleInputEmail1">{{trans('global.email-address')}}</label>
<input name="val[username]" type="text" id="exampleInputEmail1" placeholder="{{trans('user.enter-email')}}">
</div>
<div class="form-group">
<label for="exampleInputPassword1">{{trans('global.password')}}</label>
<input type="password" name="val[password]" id="exampleInputPassword1" placeholder="{{trans('global.password')}}">
</div>

<div class="checkbox">
<label>
<input name="val[keep]" type="checkbox"> {{trans('user.keep-me-login')}}
</label>
</div>
<button type="submit" class="btn btn-danger btn-sm">{{trans('global.login')}}</button> <a href="{{URL::route('forgot-password')}}">{{trans('user.forgot-password')}}?</a>
</form>

<div class="login-social-links">
<div class="panel">

@if(Config::get('enable-facebook-login'))
<a href="{{URL::route('facebook-auth')}}" class="facebook"><i class="icon ion-social-facebook"></i></a>
@endif

@if(Config::get('enable-twitter-login'))
<a href="{{URL::route('twitter-auth')}}" class="twitter"><i class="icon ion-social-twitter"></i> </a>
@endif

@if(Config::get('enable-google-login'))
<a style="background: #F25757" href="{{URL::route('google-auth')}}" class="google"><i class="icon ion-social-googleplus-outline"></i></a>
@endif

@if(Config::get('enable-vk-login'))
<a href="{{URL::route('vk-auth')}}" class="vk">
<img src="{{Theme::asset()->img('theme/images/vk.png')}}"/>
</a>
@endif
</div>



</div>



<div class="modal fade" id="signup-form-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form id="signup-form" action="{{URL::route('signup')}}" role="form">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">{{trans('home.signup-for-account')}}</h4>
</div>
<div class="modal-body">

<div class="message"></div>
<div class="form-group">
<label for="exampleInputEmail1">{{trans('user.your-full-name')}}</label>
<input type="text" name="val[fullname]" class="form-control" placeholder="{{trans('user.provide-your-fullname')}}">
</div>
<div class="form-group">
<label for="exampleInputEmail1">{{trans('user.choose-username')}}</label>
<input type="text" name="val[username]" class="form-control" placeholder="{{trans('user.choose-username')}}">
</div>
<div class="form-group">
<label for="exampleInputEmail1">{{trans('global.email-address')}}</label>
<input type="text" name="val[email_address]" class="form-control" id="exampleInputEmail1" placeholder="{{trans('user.enter-email')}}">
</div>

@if(Config::get('user-enable-birth-date', 1))
{{Theme::section('user.birthdate',[
'day' => Input::get('val.day'),
'month' => Input::get('val.month'),
'year' => Input::get('val.year')
])}}
@endif
<div class="form-group">
<label for="exampleInputPassword1">{{trans('global.password')}}</label>
<input type="password" name="val[password]" class="form-control" id="exampleInputPassword1" placeholder="{{trans('global.password')}}">
</div>


<div class="form-group">
<label for="exampleInputFile">{{trans('user.i-am')}}:</label>
<select style="width: 33%" name="val[genre]">
<option value="">{{trans('global.genre')}}</option>
<option value="male">{{trans('global.male')}}</option>
<option value="female">{{trans('global.female')}}</option>
</select>

<label>{{trans('global.from')}}:</label>
<select name="val[country]">
<option value="">{{trans('user.select-country')}}</option>
@foreach(Config::get('system.countries') as $country => $name)
<option value="{{$country}}">{{$name}}</option>
@endforeach
</select>
</div>

@if(Config::get('enable-captcha'))

<div class="control-group">
<input placeholder="{{trans('user.captcha-text-info')}}" class="form-control" id="captcha-form" type="text" name="val[captcha]" autocomplete="off"/>
<img style="width: 150px;border-radius: 5px;margin-top:5px" id="captcha" src="{{URL::to('/app/library/captchalib/captcha.php')}}"/>
<i class="icon ion-ios7-reload"></i> <a href="#" onclick="
document.getElementById('captcha').src='{{URL::to('/app/library/captchalib/')}}/captcha.php?'+Math.random();
document.getElementById('captcha-form').focus();"
id="change-image">{{trans('user.captcha-reload')}}</a>


</div>
@endif
<div class="checkbox">
<label>
<input name="val[terms-and-condition]" type="checkbox"> {{trans('user.by-clicking-signup-button')}} <a href="{{URL::route('terms-and-condition')}}">{{trans('user.terms-and-conditions')}}</a>
</label>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success">{{trans('user.signup-now')}}</button><br/>
</div>

</form>

</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->



</div>
</div>
</div>

<div id="home-members-container">
<div class="container clearfix">

<ul class="nav">

@foreach($users as $user)
<li><a href="{{$user->present()->url()}}"><img src="{{$user->present()->getAvatar(100)}}"/> </a> </li>
@endforeach

</ul>



</div>
</div>
Get more videos here http://www.hongkiat.com/blog/fullsize-vi...-websites/
on firefox use any video downloader plugin to download the videos you want.
find Quote
02-26-2015, 12:30 AM
Post: #2
crixxu Offline
<<BeCool>>
***
Posts: 106
Joined: Jul 2012

Reputation: 113
RE:
great stuff. thank you!
find Quote
02-26-2015, 01:02 AM
Post: #3
abelwang Offline
Senior Member
***
Posts: 308
Joined: Sep 2013

Reputation: 73
RE:
(02-26-2015 12:30 AM)crixxu Wrote:  great stuff. thank you!
No problem. Remember to remove the background picture and color in css. if need help pls reply here.
find Quote
02-26-2015, 01:11 AM
Post: #4
HazteFamoso Offline
Member
***
Posts: 119
Joined: Jan 2014

Reputation: 2
RE:
Any demo? :) Thanks for this man, i want to see a demo before
find Quote
02-26-2015, 11:12 AM
Post: #5
abelwang Offline
Senior Member
***
Posts: 308
Joined: Sep 2013

Reputation: 73
RE:
(02-26-2015 01:11 AM)HazteFamoso Wrote:  Any demo? :) Thanks for this man, i want to see a demo before
Can t post.my site link here. It's petty easy anyway.. just make a copy of original file if any problem just place it back.
13.gif
find Quote
02-26-2015, 10:12 PM
Post: #6
crixxu Offline
<<BeCool>>
***
Posts: 106
Joined: Jul 2012

Reputation: 113
RE:
hi abelwang!

thanks again for your work!

what do you mean? "remove background and colour in css"

all the best,

crixxu
find Quote
02-26-2015, 10:38 PM
Post: #7
crixxu Offline
<<BeCool>>
***
Posts: 106
Joined: Jul 2012

Reputation: 113
RE:
k - got it :)
find Quote
02-26-2015, 11:32 PM
Post: #8
abelwang Offline
Senior Member
***
Posts: 308
Joined: Sep 2013

Reputation: 73
RE:
(02-26-2015 10:38 PM)crixxu Wrote:  k - got it :)
glad you got it. btw do you hae email sign up problem? i m still facing email sign up not redirect problem.
find Quote
02-26-2015, 11:53 PM
Post: #9
crixxu Offline
<<BeCool>>
***
Posts: 106
Joined: Jul 2012

Reputation: 113
RE:
no - works very well for me - i´m running v4
find Quote
02-27-2015, 04:35 AM
Post: #10
HazteFamoso Offline
Member
***
Posts: 119
Joined: Jan 2014

Reputation: 2
RE:
What i need to delete of css?, i delete the background but what i need to delete in css?
79.gif
find Quote
New Reply
 




19.gif
Contact Us | BestBlackhatForum | Return to Top | Return to Content | Lite (Archive) Mode